.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:400px;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);padding-bottom:var(--space-token-2xs)}.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)}html:has(.refer-rank__rules-dialog[open]),html.is-refer-rank-rules-open,html:has(.refer-rank__rules-dialog[open]) body,html.is-refer-rank-rules-open body{overflow:hidden;overscroll-behavior:none}.refer-rank__rules-body a{color:var(--color-link-normal);text-decoration:underline}.refer-rank__rules-body p+p{margin-block-start:var(--space-token-s)}.refer-rank__rules-body :is(ul,ol){display:block;margin-block:var(--space-token-s);padding-inline-start:var(--space-token-l)}.refer-rank__rules-body ul{list-style:disc}.refer-rank__rules-body ol{list-style:decimal}.refer-rank__rules-body li+li{margin-block-start:var(--space-token-2xs)}.refer-rank__rules-body :is(ul,ol) :is(ul,ol){margin-block-start:var(--space-token-2xs)}.refer-rank__rules-body :is(strong,b){color:var(--color-text-primary)}.refer-rank__rules-body a :is(strong,b,em,i){color:inherit}.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,.refer-rank__yotpo-slot .yotpo-final-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;color:var(--color-text-white-primary)}.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(--color-text-white-disabled)}.refer-rank__yotpo-slot .yotpo-share-options-headline-text{font:var(--font-sm-medium)!important;color:var(--color-text-white-secondary)!important;white-space:nowrap}.refer-rank__yotpo-slot .yotpo-share-buttons-container{display:flex!important;align-items:center!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-white-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-white-primary)!important}.refer-rank__yotpo-slot .yotpo-share-button-txt{font:var(--font-sm-medium)!important;color:inherit!important}.refer-rank__yotpo-slot .yotpo-share-button-widget .yotpo-icon{color:inherit!important}.refer-rank__yotpo-slot .yotpo-share-button-widget svg,.refer-rank__yotpo-slot .yotpo-share-button-widget svg *{fill:currentColor!important;color:inherit!important}.refer-rank__yotpo-slot .yotpo-share-button-widget img{filter:brightness(0) invert(1)}.refer-rank__yotpo-slot .yotpo-share-button-icon,.refer-rank__yotpo-slot .yotpo-email-icon,.refer-rank__yotpo-slot .yotpo-whatsapp-icon,.refer-rank__yotpo-slot .yotpo-whatsapp-icon-def-1,.refer-rank__yotpo-slot .yotpo-whatsapp-icon-def-2{color:inherit!important}.refer-rank__yotpo-slot .yotpo-copy-text-button,.refer-rank__yotpo-slot .yotpo-copy-text-button *{color:var(--color-text-primary)!important}.refer-rank__yotpo-slot .yotpo-copy-icon,.refer-rank__yotpo-slot .yotpo-text-copied{display:inline-flex!important;flex-shrink:0;align-items:center!important;justify-content:center!important;gap:var(--space-token-2xs);color:var(--color-text-primary)!important;cursor:pointer}.refer-rank__yotpo-slot .yotpo-copy-icon svg,.refer-rank__yotpo-slot .yotpo-copy-icon svg *,.refer-rank__yotpo-slot .yotpo-text-copied svg,.refer-rank__yotpo-slot .yotpo-text-copied svg *{fill:currentColor!important;color:inherit!important}.refer-rank__yotpo-slot .yotpo-text-copied-label{font:var(--font-xs-medium)!important;color:var(--color-text-primary)!important}.refer-rank__yotpo-slot .yotpo-email-view .yotpo-referral-widget-form,.refer-rank__yotpo-slot .yotpo-referral-widget-email-form{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-start!important;column-gap:var(--space-token-xs)!important;row-gap:var(--space-token-xs)!important;width:100%!important}.refer-rank__yotpo-slot .yotpo-inputs-container,.refer-rank__yotpo-slot .yotpo-email-container,.refer-rank__yotpo-slot .yotpo-input-container{position:relative;flex:1 1 12rem;min-width:0;width:auto!important;max-width:100%!important}.refer-rank__yotpo-slot .yotpo-input-container{padding-top:var(--space-token-l)}.refer-rank__yotpo-slot .yotpo-input-label{position:absolute;top:0;left:0;font:var(--font-sm-medium)!important;color:var(--color-text-white-primary)!important}.refer-rank__yotpo-slot .yotpo-input-label-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.refer-rank__yotpo-slot .yotpo-input-container:has([aria-invalid=true]) .yotpo-input-label,.refer-rank__yotpo-slot .yotpo-input-container:has(.yotpo-field-error) .yotpo-input-label{color:var(--color-error-normal)!important}.refer-rank__yotpo-slot .yotpo-input,.refer-rank__yotpo-slot .yotpo-email-view input:not([type=hidden]){box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:var(--size-12)!important;min-height:var(--size-12)!important;margin:0!important;padding:0 var(--space-token-base)!important;border:1px solid var(--color-text-white-primary)!important;border-radius:var(--radius-xs)!important;background:transparent!important;font:var(--font-sm-medium)!important;color:var(--color-text-white-primary)!important;outline:none;box-shadow:none!important}.refer-rank__yotpo-slot .yotpo-input::placeholder,.refer-rank__yotpo-slot .yotpo-email-view input:not([type=hidden])::placeholder,.refer-rank__yotpo-slot .yotpo-email-view textarea::placeholder{color:var(--color-text-white-placeholder)!important;opacity:1!important}.refer-rank__yotpo-slot .yotpo-input:-webkit-autofill,.refer-rank__yotpo-slot .yotpo-input:-webkit-autofill:hover,.refer-rank__yotpo-slot .yotpo-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-white-primary);caret-color:var(--color-text-white-primary);transition:background-color 9999s ease-out}.refer-rank__yotpo-slot .yotpo-email-view .yotpo-button-style,.refer-rank__yotpo-slot .yotpo-referral-widget-email-form .yotpo-button-style{flex:0 0 auto;box-sizing:border-box!important;width:auto!important;height:var(--size-12)!important;min-height:var(--size-12)!important;margin-top:var(--space-token-l)!important}.refer-rank__yotpo-slot .yotpo-input-example{margin:var(--space-token-2xs) 0 0!important;font:var(--font-xs-regular)!important;color:var(--color-text-white-placeholder)!important}.refer-rank__yotpo-slot .yotpo-error-message,.refer-rank__yotpo-slot .yotpo-referral-widget-error-message{font:var(--font-xs-regular)!important;color:var(--color-error-normal)!important;margin-top:var(--space-token-2xs)}.refer-rank__yotpo-slot .yotpo-referral-widget-error-message svg,.refer-rank__yotpo-slot .yotpo-referral-widget-error-message svg *{color:inherit!important}.refer-rank__yotpo-slot .yotpo-input.yotpo-field-error,.refer-rank__yotpo-slot .yotpo-input[aria-invalid=true]{border:1px solid var(--color-error-normal)!important}.refer-rank__yotpo-slot .yotpo-final-view{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:var(--space-token-base)!important;width:100%!important;margin:0!important;padding-block:var(--space-token-xl)!important;text-align:center!important}.refer-rank__yotpo-slot .yotpo-final-view .yotpo-header-text,.refer-rank__yotpo-slot .yotpo-final-view .yotpo-title-text,.refer-rank__yotpo-slot .yotpo-final-view .yotpo-description-text,.refer-rank__yotpo-slot .yotpo-final-view .yotpo-header-text *,.refer-rank__yotpo-slot .yotpo-final-view .yotpo-title-text *{width:100%!important;max-width:32rem;margin-inline:auto!important;text-align:center!important}.refer-rank__yotpo-slot .yotpo-final-view .yotpo-thanks-header-text{margin-bottom:var(--space-token-xs)!important}.refer-rank__yotpo-slot .yotpo-final-view .yotpo-title-text{margin-bottom:var(--space-token-l)!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,.yotpo-login-link .yotpo-button-style{padding:var(--button-size-medium-padding-block) var(--button-size-medium-padding-inline)!important}.refer-rank__yotpo-slot .yotpo-input,.refer-rank__yotpo-slot .yotpo-email-view input:not([type=hidden]),.refer-rank__yotpo-slot .yotpo-email-view .yotpo-button-style,.refer-rank__yotpo-slot .yotpo-referral-widget-email-form .yotpo-button-style{height:var(--button-size-medium-circle-size)!important;min-height:var(--button-size-medium-circle-size)!important}.refer-rank__yotpo-slot .yotpo-input,.refer-rank__yotpo-slot .yotpo-email-view input:not([type=hidden]){font:var(--font-base-medium)!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%}}@media screen and (max-width:768px){.refer-rank__headline-group{gap:var(--space-token-xs)}.refer-rank__gift-wrap{padding-top:0}.refer-rank__right-title{padding-bottom:var(--space-token-base)}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/refer-rank.css.map */