< data-shopify="">@font-face {
font-family: Karla;
font-weight: 400;
font-: normal;
font-display: swap;
src: url("//www.ellie.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2") format("woff2"),
url("//www.ellie.com/cdn/fonts/karla/karla_n4.e9f6f9de321061073c6bfe03c28976ba8ce6ee18.woff") format("woff");
}
@font-face {
font-family: Karla;
font-weight: 600;
font-: normal;
font-display: swap;
src: url("//www.ellie.com/cdn/fonts/karla/karla_n6.11d2ca9baa9358585c001bdea96cf4efec1c541a.woff2") format("woff2"),
url("//www.ellie.com/cdn/fonts/karla/karla_n6.f61bdbc760ad3ce235abbf92fc104026b8312806.woff") format("woff");
}
@font-face {
font-family: Karla;
font-weight: 400;
font-: italic;
font-display: swap;
src: url("//www.ellie.com/cdn/fonts/karla/karla_i4.2086039c16bcc3a78a72a2f7b471e3c4a7f873a6.woff2") format("woff2"),
url("//www.ellie.com/cdn/fonts/karla/karla_i4.7b9f59841a5960c16fa2a897a0716c8ebb183221.woff") format("woff");
}
@font-face {
font-family: Karla;
font-weight: 600;
font-: italic;
font-display: swap;
src: url("//www.ellie.com/cdn/fonts/karla/karla_i6.a7635423ab3dadf279bd83cab7821e04a762f0d7.woff2") format("woff2"),
url("//www.ellie.com/cdn/fonts/karla/karla_i6.93523748a53c3e2305eb638d2279e8634a22c25f.woff") format("woff");
}
@font-face {
font-family: Oswald;
font-weight: 500;
font-: normal;
font-display: swap;
src: url("//www.ellie.com/cdn/fonts/oswald/oswald_n5.8ad4910bfdb43e150746ef7aa67f3553e3abe8e2.woff2") format("woff2"),
url("//www.ellie.com/cdn/fonts/oswald/oswald_n5.93ee52108163c48c91111cf33b0a57021467b66e.woff") format("woff");
}
@font-face {
font-family: Oswald;
font-weight: 600;
font-: normal;
font-display: swap;
src: url("//www.ellie.com/cdn/fonts/oswald/oswald_n6.26b6bffb711f770c328e7af9685d4798dcb4f0b3.woff2") format("woff2"),
url("//www.ellie.com/cdn/fonts/oswald/oswald_n6.2feb7f52d7eb157822c86dfd93893da013b08d5d.woff") format("woff");
}
:root {
--be-yours-version: "6.8.0";
--font-body-family: Karlasans-serif;
--font-body-: normal;
--font-body-weight: 400;
--font-heading-family: Oswaldsans-serif;
--font-heading-: normal;
--font-heading-weight: 500;
--font-body-scale: 1.0;
--font-heading-scale: 1.0;
--font-navigation-family: var(--font-body-family);
--font-navigation-size: 13px;
--font-navigation-weight: var(--font-body-weight);
--font-button-family: var(--font-body-family);
--font-button-size: 13px;
--font-button-baseline: 0.2rem;
--font-price-family: var(--font-body-family);
--font-price-scale: var(--font-body-scale);
--color-base-text: 333538;
--color-base-background: 255255255;
--color-base-solid-button-labels: 255255255;
--color-base-outline-button-labels: 262724;
--color-base-accent: 23351103;
--color-base-heading: 262724;
--color-base-border: 333538;
--color-placeholder: 247247246;
--color-overlay: 333538;
--color-keyboard-focus: 1165228;
--color-shadow: 141215192;
--shadow-opacity: 1;
--color-background-dark: 235235235;
--color-price: #1a1b18;
--color-sale-price: #e93367;
--color-reviews: #ffbf65;
--color-critical: #d72c0d;
--color-success: #008060;
--payment-terms-background-color: #fff;
--page-width: 150rem;
--page-width-margin: 0rem;
--card-color-scheme: var(--color-placeholder);
--card-text-alignment: start;
--card-flex-alignment: flex-start;
--card-image-padding: 0px;
--card-border-width: 0px;
--card-radius: 0px;
--card-shadow-horizontal-offset: 0px;
--card-shadow-vertical-offset: 0px;
--button-radius: 8px;
--button-border-width: 2px;
--button-shadow-horizontal-offset: 0px;
--button-shadow-vertical-offset: 0px;
--spacing-sections-desktop: 0px;
--spacing-sections-mobile: 0px;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: calc(var(--font-body-scale) * 62.5%);
height: 100%;
}
body {
min-height: 100%;
margin: 0;
font-size: 1.5rem;
letter-spacing: 0.06rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
font-family: var(--font-body-family);
font-: var(--font-body-);
font-weight: var(--font-body-weight);
}
@media screen and (min-width: 750px) {
body {
font-size: 1.6rem;
}
}
< data-shopify="">#shopify-section-announcement-bar {
--section-padding-top: 0px;
--section-padding-bottom: 0px;
--gradient-background: #f7f7f6;
--color-background: 247247246;
--color-foreground: 262724;
}
:root {
--announcement-height: calc(36px + (0px * 0.75));
}
@media screen and (min-width: 990px) {
:root {
--announcement-height: 36px;
}
}
<>
.rc-login {
--rc-title-font: 'Greycliff'sans-serif;
--rc-body-font: 'Avenir';
--rc-font-color: #000;
--rc-button-bg-color: #163840;
--rc-button-font-color: #fff;
--rc-secured-display: block;
--rc-border-radius: 6px;
}
/* mock override */
/* :root .rc-login {
--rc-title-font: 'Helvetica''Arial'sans-serif;
--rc-body-font: "Comic Sans MS""Comic Sans"cursive;
--rc-font-color: #222;
--rc-button-bg-color: #c9e8ff;
--rc-button-font-color: #666;
--rc-secured-display: none;
--rc-border-radius: 0;
} */
.rc-login {
box-sizing: border-box;
max-width: 436px;
width: 100%;
min-height: 50vh;
height: auto;
margin: 0 auto;
margin-top: 60px;
padding: 60px 16px;
font-family: var(--rc-title-font);
font-: normal;
color: var(--rc-font-color);
}
.rc-login button {
border: none;
}
@media only screen and (max-width: 460px) {
.rc-login {
width: 100%;
}
.rc-enter-code-digits-item {
width: 50px !important;
height: 50px !important;
font-size: 15px !important;
}
}
.rc-login input:-webkit-autofill,
.rc-login input:-webkit-autofill:hover,
.rc-login input:-webkit-autofill:focus,
.rc-login input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.rc-login--body {
margin-top: 20px;
margin-bottom: 20px;
padding-top: 16px;
padding-bottom: 20px;
background: #FFFFFF;
box-shadow: 0px 1px 4px rgb(25 29 72 / 20%);
border-radius: var(--rc-border-radius);
}
.rc-login--header {
text-align: center;
display: var(--rc-secured-display);
position: initial;
padding: 0;
border-bottom-right-radius: 0;
z-index: initial;
background-color: initial;
}
.rc-login--header-link {
text-decoration: none;
}
.rc-login--header-link:visited {
color: #111;
}
.rc-login--header-media {
display: flex;
justify-content: center;
align-items: center;
margin: 8px 40px;
position: relative;
}
.rc-login--header-media svg {
background: #fff;
z-index: 2;
}
.rc-login-header-media-line {
position: absolute;
width: 100%;
border: 1px solid #D7D7D7;
z-index: 1;
}
.rc-login--header-title {
margin: 24px 0px 24px 40px;
font-weight: 700;
font-size: 28px;
line-height: 32px;
}
.rc-login-form,
.rc-enter-code {
margin: 0px 40px;
}
.rc-enter-code-header {
margin: 24px 0px;
font-: normal;
font-weight: 700;
font-size: 28px;
line-height: 32px;
display: flex;
align-items: center;
}
.rc-enter-code-text {
font-family: var(--rc-body-font);
font-weight: 400;
font-size: 14px;
line-height: 15px;
letter-spacing: 0.47px;
margin: 14px 0px;
}
.rc-login-form-container {
position: relative;
}
.rc-login-form-label {
display: block;
font-family: var(--rc-body-font);
font-: normal;
font-weight: 400;
font-size: 14px;
line-height: 15px;
letter-spacing: 0.47px;
padding-bottom: 8px;
cursor: pointer;
}
.rc-login-form-email {
font-family: var(--rc-body-font);
font-: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.47px;
mix-blend-mode: normal;
border: 1px solid #A7A7A7;
border-radius: var(--rc-border-radius);
width: 100%;
padding: 12px 0px 10px 12px;
}
.rc-login-form-email:not(:placeholder-shown) {
border: 2px solid #A7A7A7;
}
.rc-login-form-email:focus,
.rc-login-form-email:focus-visible {
outline: none;
}
.rc-login-form-button,
.rc-enter-code-btn {
display: flex;
justify-content: center;
align-items: center;
padding: 11px 16px;
width: 100%;
height: 40px;
background: var(--rc-button-bg-color);
color: var(--rc-button-font-color);
border-radius: var(--rc-border-radius);
font-weight: 700;
font-size: 14px;
line-height: 14px;
cursor: pointer;
}
.rc-login-form-button div {
color: inherit;
font-family: inherit;
font-size: inherit;
}
.rc-login-form-button {
position: relative;
margin-top: 28px;
}
.rc-login-form-button > div {
position: absolute;
}
.rc-enter-code-btn {
margin-top: 40px;
}
/* Animations when user submits the email start */
.rc-login .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(50px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(50px);
}
}
.rc-login .fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
animation-delay: 1000ms;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-50px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
.rc-login .fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
animation-delay: 1000ms;
}
@-webkit-keyframes fadedBackground {
0% {
background: linear-gradient(0degrgba(2552552550.2)rgba(2552552550.2))var(--rc-button-bg-color);
}
100% {
background: var(--rc-button-bg-color);
}
}
@keyframes fadedBackground {
0% {
background: linear-gradient(0degrgba(2552552550.2)rgba(2552552550.2))var(--rc-button-bg-color);
}
100% {
background: var(--rc-button-bg-color);
}
}
.rc-login .fadedBackground {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadedBackground;
animation-name: fadedBackground;
}
/* Animations when user submits the email end */
.rc-login-form-button-svg {
margin-right: 10px;
}
.rc-enter-code-container {
position: relative;
}
.rc-enter-code-digits {
display: flex;
justify-content: space-between;
}
.rc-enter-code-digits-item {
height: 64px;
width: 64px;
font-weight: 700;
font-size: 28px;
line-height: 32px;
display: flex;
align-items: center;
text-align: center;
color: var(--rc-font-color);
border: 2px solid #A7A7A7;
border-radius: var(--rc-border-radius);
padding: 0px !important;
}
input[type="text"].rc-enter-code-digits-item::-webkit-input-placeholder {
font-weight: 700;
color: #A7A7A7;
}
.rc-enter-code-digits-item:focus,
.rc-enter-code-digits-item:focus-visible {
outline: none;
filter: drop-shadow(0px 1px 4px rgba(2529720.2));
}
.rc-enter-code-digits-item::selection {
background: transparent;
}
.rc-hidden {
display: none !important;
}
.rc-error {
border: 2px solid #EC3D10 !important;
background-color: #fff !important;
}
.rc-enter-code-digits .rc-error {
background-color: rgba(23661160.1) !important;
}
.rc-success {
border: 2px solid #17CC9D;
filter: drop-shadow(0px 1px 4px rgba(2529720.2));
}
.rc-fade {
opacity: 0.7;
}
.rc-login input::-webkit-outer-spin-button,
.rc-login input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.rc-email-error {
font-family: var(--rc-body-font);
font-: normal;
font-weight: 900;
font-size: 10px;
letter-spacing: 0.47px;
color: #EC3D10;
position: absolute;
bottom: -28px;
height: 28px;
line-height: 28px;
}
.rc-error-digits {
display: flex;
align-items: center;
font-family: var(--rc-body-font);
font-: normal;
font-weight: 900;
font-size: 10px;
line-height: 40px;
letter-spacing: 0.47px;
color: #EC3D10;
position: absolute;
height: 40px;
bottom: -40px;
white-space: nowrap;
}
.rc-error-digits span {
margin-left: 5px;
}
.rc-enter-code-redirect-text {
text-align: center;
margin: 14px 0px;
font-: normal;
font-weight: 700;
font-size: 14px;
line-height: 17px;
color: #A7A7A7;
}
.rc-enter-code-sms-info {
text-align: center;
margin: 32px 0px 16px 0px;
font-family: var(--rc-body-font);
font-: normal;
font-weight: 500;
font-size: 10px;
line-height: 16px;
letter-spacing: 0.47px;
color: #A7A7A7;
}
/* spinner s */
.rc-progress {
min-width: auto;
min-height: auto;
}
.rc-progress__svg {
animation: rc-progress-rotate 2s linear infinite;
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
margin: -12px 0 0 -12px;
width: 24px;
height: 24px;
}
.rc-progress__svg > .path {
stroke: var(--rc-button-font-color);
stroke-linecap: round;
animation: rc-progress-dash 1.5s ease-in-out infinite;
}
@keyframes rc-progress-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes rc-progress-dash {
0% {
stroke-dasharray: 1150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90150;
stroke-dashoffset: -124;
}
}
Enter verification code
Redirecting...
You'll also receive an SMS if we have your number on file
< data-shopify="">.section-mobile-dock-padding {
padding-top: 12px;
padding-bottom: 12px;
}
Account
<> body {letter-spacing: 0.03rem;} .ooo-instagram {margin: 0 !important;} .ooo-instagram-feed__list {padding: 0 !important;} .color__swatch:after {border: solid lightgray;} .button {letter-spacing: 0.15em;} .button--tertiary {--color-button-border: #ed4a6d;} .button {border-width: 1px;}
< data-recharge-theme='{"has_theme_customization": true"design_mode": false }'>
.recharge-theme {
/* App */
--recharge-app-background: #F9F8F4;
--recharge-app-container: 1200px;
--recharge-app-vertical-padding: 32px;
/* Brand colors */
--recharge-color-brand: #E93367;
/* Tints */
--recharge-color-brand-120: #d7174e;
--recharge-color-brand-20: #ed5c85;
--recharge-color-brand-40: #f285a4;
--recharge-color-brand-60: #f6adc2;
--recharge-color-brand-75: #faccd9;
--recharge-color-brand-85: #fce0e8;
/* Neutral */
--recharge-color-neutral: hsl(34335%7%);
--recharge-color-neutral-80: hsl(3437%25%);
--recharge-color-neutral-70: hsl(3435%35%);
--recharge-color-neutral-40: hsl(3433%63%);
--recharge-color-neutral-10: hsl(3432%91%);
/* Links */
--recharge-button-secondary: #E93367;
--recharge-button-secondary-120: #d7174e;
--recharge-button-secondary-60: #f285a4;
/* Images */
--recharge-images-ratio: 1;
/* Cards */
--recharge-cards-background: #FFFFFF;
--recharge-cards-border-color: RGBA(0,0,0,0);
/* Fonts */
--recharge-typography-scale: 16px;
--recharge-typography-size-1: calc(3 * var(--recharge-typography-scale));
--recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale));
--recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale));
--recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale));
--recharge-typography-size-5: calc(1 * var(--recharge-typography-scale));
--recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale));
/** Text **/
--recharge-typography-light: #FFFFFF;
--recharge-typography-primary: var(--recharge-color-neutral);
--recharge-typography-secondary: var(--recharge-color-neutral-70);
/* Corners */
--recharge-corners-radius: 8px;
--recharge-button-border-radius: 8px;
/* Views */
--recharge-views-background: #F9F8F4;
/* Buttons */
--recharge-button-font-family: inherit;
--recharge-button-brand: var(--recharge-color-brand);
--recharge-button-color: #FFFFFF;
}
Get Started