.refer-rank{--refer-rank-accent: #ff6800;--refer-rank-divider: #e5e8eb;--header-out-margin: 0;--refer-rank-overlay-opacity: 40;--refer-rank-visible-rows: 5;--refer-rank-scroll-duration: 40s;--refer-rank-header-max: 1024px;--refer-rank-text-shadow: 0 1px 4px rgba(0, 0, 0, .05);--refer-rank-row-height: calc(var(--line-height-sm, 20px) + var(--space-token-2xs) * 2 + 1px)}.refer-rank__root{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-token-l);width:100%}.refer-rank__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-token-xs);max-width:var(--refer-rank-header-max);margin-inline:auto;text-align:center}.refer-rank__header-icon{display:block;width:56px;height:56px;object-fit:cover}.refer-rank .section-header{display:flex;flex-direction:column;align-items:center;justify-items:center;width:100%;margin-block:0!important}.refer-rank .section-header .prose{display:flex;flex-direction:column;align-items:center;gap:var(--space-token-xs);max-width:100%;margin:0}.refer-rank .section-header .h2,.refer-rank .section-header .heading-h2{margin-block:0!important;font:var(--font-2xl-semibold);color:var(--color-text-primary);text-align:center}.refer-rank__subtitle{margin-block:0!important;font:var(--font-lg-medium);color:var(--color-text-secondary);text-align:center}.refer-rank__card{display:flex;flex-direction:column;width:100%;overflow:hidden;border-radius:var(--radius-s);background:var(--color-bg-white)}.refer-rank__panel{position:relative;display:flex;flex-direction:column;align-items:flex-start}.refer-rank__panel--left{min-height:326px;height:auto;padding:var(--space-token-md) var(--space-token-base);gap:var(--space-token-base);background-image:var(--refer-rank-image-mo);background-size:cover;background-position:center;border-radius:var(--radius-s) var(--radius-s) 0 0}.refer-rank__panel--left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,calc(var(--refer-rank-overlay-opacity) / 100));pointer-events:none;z-index:1}.refer-rank__yotpo-slot{position:relative;z-index:2;width:100%;min-height:240px;flex:1 1 auto}.refer-rank__yotpo-host{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:326px;overflow:visible;opacity:0;pointer-events:none;z-index:0}.refer-rank__yotpo-host.is-hoisted{display:none}.refer-rank__yotpo-fallback{position:relative;z-index:2;font:var(--font-sm-medium);color:var(--refer-rank-accent)}.refer-rank__panel--right{padding:var(--space-token-l) var(--space-token-base);gap:0;background:var(--color-bg-white)}.refer-rank__headline-group{display:flex;flex-direction:column;gap:var(--space-token-base);width:100%}.refer-rank__count{margin:0;font:var(--font-base-regular);color:var(--color-text-secondary)}.refer-rank__right-title{margin:0;font:var(--font-xl-semibold);color:var(--color-text-primary);text-shadow:var(--refer-rank-text-shadow)}.refer-rank__gift-wrap{width:100%;padding-top:var(--space-token-md);border-top:1px solid var(--refer-rank-divider)}.refer-rank__gift{display:flex;flex-direction:column;width:100%;padding:var(--space-token-base) var(--space-token-xs);border-radius:var(--radius-xs);background:transparent;box-shadow:none;opacity:.8}.refer-rank__list-title{margin:0 0 var(--space-token-base);font:var(--font-lg-semibold);color:var(--refer-rank-accent)}.refer-rank__table{display:flex;flex-direction:column;width:100%}.refer-rank__table-head,.refer-rank__row{display:grid;grid-template-columns:1fr 70px;align-items:center;column-gap:var(--space-token-xs)}.refer-rank__table-head{font:var(--font-sm-regular);color:var(--color-text-secondary)}.refer-rank__viewport{overflow:hidden;height:calc(var(--refer-rank-visible-rows) * var(--refer-rank-row-height))}.refer-rank__track,.refer-rank__track-group{display:flex;flex-direction:column}.refer-rank__row{box-sizing:border-box;min-height:var(--refer-rank-row-height);padding-block:var(--space-token-2xs);border-bottom:1px solid var(--refer-rank-divider);font:var(--font-sm-medium);color:var(--color-text-secondary)}.refer-rank__cell--status{text-align:start}.refer-rank__rules-trigger{margin-top:var(--space-token-base);padding:0;border:0;background:transparent;font:var(--font-sm-medium);color:var(--refer-rank-accent);cursor:pointer;text-align:start}.refer-rank__track.is-scrolling{animation:refer-rank-scroll var(--refer-rank-scroll-duration) linear infinite}.refer-rank__viewport:hover .refer-rank__track.is-scrolling,.refer-rank__viewport:focus-within .refer-rank__track.is-scrolling,.refer-rank__root.is-offscreen .refer-rank__track.is-scrolling{animation-play-state:paused}@keyframes refer-rank-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){.refer-rank__track.is-scrolling{animation:none}}.refer-rank__rules-dialog{border:none;border-radius:var(--radius-sm);padding:0;max-width:min(92vw,560px);width:100%;background:var(--color-bg-white);color:var(--color-text-primary)}.refer-rank__rules-dialog::backdrop{background:#0000008c}.refer-rank__rules-panel{position:relative;padding:var(--space-token-xl) var(--space-token-l) var(--space-token-l)}.refer-rank__dialog-close{position:absolute;top:var(--space-token-xs);right:var(--space-token-s);border:0;background:transparent;font:var(--font-2xl-regular);line-height:1;cursor:pointer;color:var(--color-text-secondary)}.refer-rank__rules-title{margin:0 0 var(--space-token-s);font:var(--font-xl-semibold);color:var(--color-text-primary)}.refer-rank__rules-body{font:var(--font-base-regular);color:var(--color-text-secondary)}.refer-rank__yotpo-slot .yotpo-tile-wrapper,.refer-rank__yotpo-slot .yotpo-tile,.refer-rank__yotpo-slot .yotpo-friends-emails-view,.refer-rank__yotpo-slot .yotpo-customer-login-view,.refer-rank__yotpo-slot .yotpo-email-view{display:flex!important;flex-direction:column!important;align-items:flex-start!important;position:relative!important;left:auto!important;top:auto!important;float:none!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important}.refer-rank__yotpo-slot .yotpo-customer-login-view,.refer-rank__yotpo-slot .yotpo-friends-emails-view,.refer-rank__yotpo-slot .yotpo-email-view{gap:var(--space-token-base)}.refer-rank__yotpo-slot .yotpo-referral-image,.refer-rank__yotpo-slot .yotpo-container-background,.refer-rank__yotpo-slot .yotpo-widget-referral-picture{display:none!important}.refer-rank__yotpo-slot .yotpo-header-text,.refer-rank__yotpo-slot .yotpo-title-text,.refer-rank__yotpo-slot .yotpo-description-text,.refer-rank__yotpo-slot .yotpo-widget-button-text,.refer-rank__yotpo-slot .yotpo-copy-text,.refer-rank__yotpo-slot .yotpo-share-options-headline-text,.refer-rank__yotpo-slot .yotpo-share-button-txt{font-family:inherit!important}.refer-rank__yotpo-slot .yotpo-header-text{margin:0!important;font:var(--font-sm-medium)!important;color:#ffffffed!important;text-shadow:var(--refer-rank-text-shadow)}.refer-rank__yotpo-slot .yotpo-title-text{margin:0!important;font:var(--font-xl-semibold)!important;color:#ffffffed!important;text-shadow:var(--refer-rank-text-shadow)}.refer-rank__yotpo-slot .yotpo-description-text{margin:0!important;max-width:100%!important;font:var(--font-base-medium)!important;color:#fff9!important}.refer-rank__yotpo-slot .yotpo-customer-logged-out-buttons{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:var(--space-token-base);width:100%;margin:0!important}.refer-rank__yotpo-slot .yotpo-register-link,.refer-rank__yotpo-slot .yotpo-login-link{margin:0!important}.refer-rank__yotpo-slot .yotpo-button-style{display:inline-flex!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-height:0!important;padding:var(--button-size-small-padding-block) var(--button-size-small-padding-inline)!important;border-radius:var(--radius-xs)!important;box-shadow:none!important}.refer-rank__yotpo-slot .yotpo-filled-button,.refer-rank__yotpo-slot .yotpo-register-link .yotpo-button-style{background:#fff!important;color:#15181d!important;border:none!important}.refer-rank__yotpo-slot .yotpo-login-link .yotpo-button-style{background:transparent!important;color:#ffffffed!important;border:1px solid rgba(255,255,255,.93)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.refer-rank__yotpo-slot .yotpo-widget-button-text{font:var(--font-sm-medium)!important;color:inherit!important}.refer-rank__yotpo-slot .yotpo-referral-widget-form{display:flex!important;width:100%!important;margin:0!important}.refer-rank__yotpo-slot .yotpo-copy-text-button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:var(--space-token-xs);box-sizing:border-box;width:100%!important;max-width:100%!important;padding:var(--space-token-xs) var(--space-token-base)!important;border:1px solid var(--color-bg-brand-dark)!important;border-radius:var(--radius-xs)!important;background:#ffffffe0!important}.refer-rank__yotpo-slot .yotpo-copy-text{overflow:hidden;font:var(--font-sm-medium)!important;color:var(--color-text-primary)!important;text-overflow:ellipsis;white-space:nowrap}.refer-rank__yotpo-slot .yotpo-share-buttons-wrapper{width:100%!important;margin:0!important}.refer-rank__yotpo-slot .yotpo-share-options-headline{display:flex!important;align-items:center!important;gap:var(--space-token-xs);width:100%;margin:var(--space-token-base) 0 var(--space-token-xs)!important}.refer-rank__yotpo-slot .yotpo-headline-divider{flex:1 1 auto;border:0;border-top:1px solid var(--refer-rank-divider)}.refer-rank__yotpo-slot .yotpo-share-options-headline-text{font:var(--font-sm-medium)!important;color:var(--color-text-secondary)!important;white-space:nowrap}.refer-rank__yotpo-slot .yotpo-share-buttons-container{display:flex!important;flex-wrap:wrap!important;gap:var(--space-token-base);width:100%;margin:0!important;padding:0!important;list-style:none!important;color:var(--color-text-primary)!important}.refer-rank__yotpo-slot .yotpo-share-button-widget{display:inline-flex!important;align-items:center!important;gap:var(--space-token-xs);padding:0!important;border:0!important;background:transparent!important;color:var(--color-text-primary)!important}.refer-rank__yotpo-slot .yotpo-share-button-txt{font:var(--font-sm-medium)!important;color:inherit!important}@media screen and (min-width:1000px){.refer-rank{--refer-rank-row-height: calc(var(--line-height-lg, 24px) + var(--space-token-xs) * 2 + 1px)}.refer-rank__root{gap:var(--space-token-3xl)}.refer-rank__header{gap:var(--space-token-xl)}.refer-rank .section-header .prose{gap:var(--space-token-s)}.refer-rank .section-header .h2,.refer-rank .section-header .heading-h2{font:var(--font-4xl-semibold)}.refer-rank__subtitle{font:var(--font-2xl-medium)}.refer-rank__card{flex-direction:row;min-height:550px;border-radius:var(--radius--base);background:transparent}.refer-rank__panel{flex:1 1 50%;width:50%;padding:var(--space-token-l);gap:var(--space-token-base)}.refer-rank__panel--left{min-height:550px;height:auto;align-self:stretch;background-image:var(--refer-rank-image-pc);border-radius:var(--radius--base) 0 0 var(--radius--base)}.refer-rank__yotpo-slot,.refer-rank__yotpo-host{min-height:454px}.refer-rank__yotpo-slot .yotpo-header-text{font:var(--font-base-medium)!important}.refer-rank__yotpo-slot .yotpo-title-text{font:var(--font-2xl-semibold)!important}.refer-rank__yotpo-slot .yotpo-button-style{padding:var(--button-size-medium-padding-block) var(--button-size-medium-padding-inline)!important}.refer-rank__yotpo-slot .yotpo-widget-button-text{font:var(--font-base-medium)!important}.refer-rank__panel--right{gap:var(--space-token-base);background:#ffffffed;border-radius:0 var(--radius--base) var(--radius--base) 0}.refer-rank__count{font:var(--font-base-medium)}.refer-rank__right-title{font:var(--font-2xl-semibold)}.refer-rank__gift-wrap{padding-top:0;border-top:0}.refer-rank__gift{width:100%;padding:var(--space-token-l);background:linear-gradient(151.45deg,#fff 22.25%,#fff4e8);box-shadow:0 1px 10px #0000000d;opacity:1}.refer-rank__list-title{font:var(--font-2xl-semibold)}.refer-rank__table-head,.refer-rank__row{grid-template-columns:1fr 92px}.refer-rank__table-head{font:var(--font-base-medium)}.refer-rank__row{padding-block:var(--space-token-xs);font:var(--font-lg-medium)}.refer-rank__rules-trigger{font:var(--font-lg-medium)}}@media screen and (min-width:1280px){.refer-rank .section-header .h2,.refer-rank .section-header .heading-h2{font:var(--font-6xl-semibold)}.refer-rank__panel{padding:var(--space-token-3xl)}.refer-rank__gift{width:504px;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/refer-rank.css.map */