@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url('https://fonts.googleapis.com/css?family=Mulish:600,400');
@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css");

@font-face {
    font-family: "FS Lucas Trial-Medium";
	font-style: normal;
	font-weight: 500;
    src: url('https://anima-uploads.s3.amazonaws.com/projects/60253aff6887d819c8debf61/fonts/nespressolucas-med.ttf') format("truetype");
}

@font-face {
    font-family: "FS Lucas Trial-Regular";
	font-style: normal;
	font-weight: 400;
    src: url('https://anima-uploads.s3.amazonaws.com/projects/60253aff6887d819c8debf61/fonts/nespressolucas-regular.ttf') format("truetype");
}

@font-face {
    font-family: "FS Lucas Trial-SemiBold";
	font-style: normal;
	font-weight: 600;
    src: url('https://anima-uploads.s3.amazonaws.com/projects/60253aff6887d819c8debf61/fonts/nespressolucas-semibd.ttf') format("truetype");
}

@font-face {
    font-family: "FS Lucas Trial-ExtraBold";
	font-style: normal;
	font-weight: 800;
    src: url('https://anima-uploads.s3.amazonaws.com/projects/60253aff6887d819c8debf61/fonts/nespressolucas-xtrabd.ttf') format("truetype");
}

@font-face {
    font-family: "FS Lucas Trial-Bold";
	font-style: normal;
	font-weight: 700;
    src: url('https://anima-uploads.s3.amazonaws.com/projects/60253aff6887d819c8debf61/fonts/nespressolucas-bold.ttf') format("truetype");
}

.component-wrapper a,
.screen a {
    text-decoration: none;
    display: contents;
}



.full-width-a {
    width: 100%;
}

.full-height-a {
    height: 100%;
}

.screen textarea:focus,
.screen input:focus {
    outline: none;
}

.screen *,
.component-wrapper *{
    box-sizing: border-box;
}

.screen div {
    -webkit-text-size-adjust: none;
}

.container-center-vertical,
.container-center-horizontal {
    pointer-events: none;
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
}

.container-center-vertical {
    align-items: center;
    height: 100%;
}

.container-center-horizontal {
    justify-content: center;
    width: 100%;
}

.container-center-vertical > *,
.container-center-horizontal > * {
    pointer-events: auto;
    flex-shrink: 0;
}

.component-wrapper,
.screen {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
}

.auto-animated div {
    opacity: 0;
    position: absolute;
    --z-index: -1;
}

.auto-animated .container-center-vertical,
.auto-animated .container-center-horizontal {
    opacity: 1;
}

.overlay {
position: absolute;
opacity: 0;
display: none;
top: 0;
width: 100%;
height: 100%;
position: fixed;
}

.animate-appear {
    opacity: 0;
    display: block;
    animation: reveal 0.3s ease-in-out 1 normal forwards;
}

.animate-disappear {
    opacity: 1;
    display: block;
    animation: reveal 0.3s ease-in-out 1 reverse forwards;
}

.animate-nodelay {
    animation-delay: 0s;
}

@keyframes reveal {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.align-self-flex-start {
    align-self: flex-start;
}
.align-self-flex-end {
    align-self: flex-end;
}
.align-self-flex-center {
    align-self: center;
}
.valign-text-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.valign-text-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
 input:focus {
    outline: none;
}
.component-wrapper,
.component-wrapper * {
    pointer-events: none;
}

.component-wrapper a *,
.component-wrapper a,
.component-wrapper input,
.component-wrapper video,
.component-wrapper iframe,
.listeners-active,
.listeners-active * {
    pointer-events: auto;
}

.hidden,
.hidden * {
    visibility: hidden;
    pointer-events: none;
}

.smart-layers-pointers,
.smart-layers-pointers * {
    pointer-events: auto;
    visibility: visible;
}

.component-wrapper.not-ready,
.component-wrapper.not-ready * {
    visibility: hidden !important;
}

.listeners-active-click,
.listeners-active-click * {
    cursor: pointer;
}

/* screen - home */

.border-1px-gold-fusion {
  border: 1px solid var(--gold-fusion);
}
.border-1px-star-dust {
  border: 1px solid var(--star-dust);
}
.border-1px-zambezi {
  border: 1px solid var(--zambezi);
}
.fslucastrial-bold-gold-fusion-13px {
  color: var(--gold-fusion);
  font-family: 'FS Lucas Trial-Bold', Helvetica, Arial, serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}
.fslucastrial-bold-gold-fusion-14px {
  color: var(--gold-fusion);
  font-family: 'FS Lucas Trial-Bold', Helvetica, Arial, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}
.fslucastrial-medium-eerie-black-12px {
  color: var(--eerie-black);
  font-family: 'FS Lucas Trial-Medium', Helvetica, Arial, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}
.fslucastrial-medium-eerie-black-13px {
  color: var(--eerie-black);
  font-family: 'FS Lucas Trial-Medium', Helvetica, Arial, serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
}
.fslucastrial-medium-gold-fusion-16px {
  color: var(--gold-fusion);
  font-family: 'FS Lucas Trial-Medium', Helvetica, Arial, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}
.fslucastrial-medium-sonic-silver-12px {
  color: var(--sonic-silver);
  font-family: 'FS Lucas Trial-Medium', Helvetica, Arial, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}
.fslucastrial-medium-sonic-silver-14px {
  color: var(--sonic-silver);
  font-family: 'FS Lucas Trial-Medium', Helvetica, Arial, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.fslucastrial-medium-white-14px {
  color: var(--white);
  font-family: 'FS Lucas Trial-Medium', Helvetica, Arial, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.fslucastrial-medium-white-16px {
  color: transparent;
  font-family: 'FS Lucas Trial-Medium', Helvetica, Arial, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}
.fslucastrial-regular-normal-white-14px {
  color: var(--white);
  font-family: 'FS Lucas Trial-Regular', Helvetica, Arial, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.home {
  background-color: var(--white);
  height: 900px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1440px;
}
/*.home .cta-k631Tk {
  background-color: var(--gold-fusion);
  border-radius: 2px;
  height: 42px;
  left: 255px;
  position: absolute;
  top: 289px;
  width: 150px;
  color: white;
  text-align: center;
}*/
.home .cta-k631Tk {
  background-color: var(--gold-fusion);
  letter-spacing: 4.30px;
  border-radius: 2px;
  height: 42px;
  left: 255px;
  position: absolute;
  top: 289px;
  width: 150px;
}
.home .login-button {
  background: #877351;
  opacity: 1;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  left: 255px;
  position: absolute;
  top: 289px;
  border-radius: 2px;
  height: 42px;
  width: 150px;
}
.home .email-z0CKve {
  background-color: transparent;
  color: var(--zambezi);
  font-family: 'FS Lucas Trial-Medium', Helvetica, Arial, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: 18px;
  left: 16px;
  letter-spacing: 0.20px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 14px;
  white-space: nowrap;
  width: 372px;
}
.home .field-4qji9H {
  background-color: transparent;
  border-radius: 2px;
  height: 42px;
  left: 3px;
  position: absolute;
  top: 231px;
  width: 402px;
}
.home .field-k631Tk {
  background-color: transparent;
  border-radius: 2px;
  height: 42px;
  left: 3px;
  position: absolute;
  top: 173px;
  width: 402px;
}
.home .toggle-password {
  background-color: transparent;
  color: var(--gold-fusion);
  font-family: 'Mulish', Helvetica, Arial, serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  height: 20px;
  left: 3px;
  letter-spacing: 0.20px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 289px;
  white-space: nowrap;
  width: 50px;
}
.home .forgot-password-k631Tk {
  background-color: transparent;
  color: var(--gold-fusion);
  font-family: 'Mulish', Helvetica, Arial, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 20px;
  left: 3px;
  letter-spacing: 0.20px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  text-decoration: underline;
  top: 311px;
  white-space: nowrap;
  width: 370px;
}
.home .frame-5-WdjUFK {
  background-color: transparent;
  height: 900px;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 1440px;
}
.home .group-1-llFlly {
  background-color: transparent;
  height: 331px;
  left: 165px;
  position: absolute;
  top: 301px;
  width: 671px;
}
.home .group-46-C61RwL {
  background-color: transparent;
  height: 900px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1440px;
}
.home .group-74-llFlly {
  background-color: transparent;
  height: 900px;
  left: 796px;
  position: absolute;
  top: 0px;
  width: 644px;
}
.home .group-DbrxSr {
  background-color: transparent;
  height: 29px;
  left: 0px;
  position: absolute;
  top: -0px;
  width: 153px;
}
.home .group-JjxDBx {
  background-color: transparent;
  height: 3px;
  left: 120px;
  position: absolute;
  top: 15px;
  width: 3px;
}
.home .image-1-3dO1xC {
  background-color: transparent;
  height: 900px;
  left: 19px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 625px;
}
.home .label-i1018835548-LdkkZf {
  background-color: transparent;
  height: 23px;
  left: 18px;
  letter-spacing: 4.30px;
  line-height: 23px;
  position: absolute;
  text-align: center;
  top: 10px;
  white-space: nowrap;
  width: 116px;
}
.home .lgo-C61RwL {
  background-color: transparent;
  height: 43px;
  left: 165px;
  overflow: hidden;
  position: absolute;
  top: 211px;
  width: 123px;
}
.home .light-contained-default-default-ornSvo {
  background-color: transparent;
  border-radius: 2px;
  height: 42px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 402px;
}
.home .light-contained-default-default-qOzf7f {
  background-color: transparent;
  border-radius: 2px;
  height: 42px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 402px;
}
.home .login-AvtzuR {
  background-color: var(--white);
  height: 900px;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 1440px;
}
.home .logowhite-llFlly {
  background-color: transparent;
  height: 28px;
  left: 325px;
  position: absolute;
  top: 223px;
  width: 153px;
}
.home .nespress-mercha-ping-order-form-k631Tk {
  background-color: transparent;
  color: var(--white);
  font-family: 'FS Lucas Trial-ExtraBold', Helvetica, Arial, serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 800;
  height: auto;
  left: 0px;
  letter-spacing: 6.00px;
  line-height: 37px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 667px;
}
.home .nespresso-logo-2-lLNi1f {
  background-color: transparent;
  height: 28px;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 153px;
}
.home .password-K7rJxx {
  background-color: transparent;
  color: var(--zambezi);
  font-family: 'FS Lucas Trial-Medium', Helvetica, Arial, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: 18px;
  left: 16px;
  letter-spacing: 0.20px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 14px;
  white-space: nowrap;
  width: 372px;
}
.home .powered-by-in-store-experience-k631Tk {
  background-color: transparent;
  color: var(--white);
  font-family: 'FS Lucas Trial-Regular', Helvetica, Arial, serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 3.00px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 123px;
  width: 407px;
}
.home .rect-K7rJxx {
  background-color: var(--spring-wood);
  border-radius: 2px;
  height: 42px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 402px;
}
.home .rect-z0CKve {
  background-color: var(--spring-wood);
  border-radius: 2px;
  height: 42px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 402px;
}
.home .rectangle-115-llFlly {
  background-color: var(--eerie-black);
  height: 900px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 815px;
}
.home .rectangle-116-3dO1xC {
  background-color: var(--gold-fusion);
  height: 284px;
  left: 0px;
  position: absolute;
  top: 616px;
  width: 19px;
}
.home .rectangle-117-3dO1xC {
  background-color: var(--gold-fusion);
  height: 284px;
  left: 625px;
  position: absolute;
  top: 0px;
  width: 19px;
}
.home .rectangle-118-3dO1xC {
  background-color: var(--gold-fusion);
  height: 65px;
  left: 582px;
  position: absolute;
  top: 0px;
  width: 19px;
}
.home .rectangle-119-3dO1xC {
  background-color: var(--gold-fusion);
  height: 65px;
  left: 43px;
  position: absolute;
  top: 835px;
  width: 19px;
}
.home .rectangle-146-llFlly {
  background-color: var(--gold-fusion);
  height: 42px;
  left: 309px;
  position: absolute;
  top: 216px;
  width: 1px;
}
.home .vector-5K81NT {
  background-color: transparent;
  height: 15px;
  left: 71px;
  position: absolute;
  top: 15px;
  width: 20px;
}
.home .vector-9RxUpe {
  background-color: transparent;
  height: 10px;
  left: 56px;
  position: absolute;
  top: 33px;
  width: 10px;
}
.home .vector-AGWstJ {
  background-color: transparent;
  height: 3px;
  left: -0px;
  position: absolute;
  top: -0px;
  width: 3px;
}
.home .vector-BZkuWn {
  background-color: transparent;
  height: 8px;
  left: 75px;
  position: absolute;
  top: 33px;
  width: 7px;
}
.home .vector-H0h2lG {
  background-color: transparent;
  height: 8px;
  left: 84px;
  position: absolute;
  top: 33px;
  width: 10px;
}
.home .vector-JjxDBx {
  background-color: transparent;
  height: 15px;
  left: 42px;
  position: absolute;
  top: 15px;
  width: 18px;
}
.home .vector-MSVoOg {
  background-color: transparent;
  height: 19px;
  left: 59px;
  position: absolute;
  top: 11px;
  width: 13px;
}
.home .vector-NSGMfw {
  background-color: transparent;
  height: 8px;
  left: 65px;
  position: absolute;
  top: 33px;
  width: 10px;
}
.home .vector-W9AnDt {
  background-color: transparent;
  height: 8px;
  left: 94px;
  position: absolute;
  top: 33px;
  width: 9px;
}
.home .vector-Xe3lBK {
  background-color: transparent;
  height: 8px;
  left: 46px;
  position: absolute;
  top: 33px;
  width: 11px;
}
.home .vector-YQXCub {
  background-color: transparent;
  height: 8px;
  left: 103px;
  position: absolute;
  top: 33px;
  width: 10px;
}
.home .vector-Z4nJT8 {
  background-color: transparent;
  height: 8px;
  left: 112px;
  position: absolute;
  top: 33px;
  width: 10px;
}
.home .vector-dphrr1 {
  background-color: transparent;
  height: 3px;
  left: 81px;
  position: absolute;
  top: 31px;
  width: 4px;
}
.home .vector-fGAC55 {
  background-color: transparent;
  height: 8px;
  left: 81px;
  position: absolute;
  top: 33px;
  width: 4px;
}
.home .vector-j2AoHt {
  background-color: transparent;
  height: 8px;
  left: 38px;
  position: absolute;
  top: 33px;
  width: 10px;
}
.home .vector-nB6c9n {
  background-color: transparent;
  height: 15px;
  left: 102px;
  position: absolute;
  top: 15px;
  width: 20px;
}
.home .vector-pSzr0r {
  background-color: transparent;
  height: 15px;
  left: 92px;
  position: absolute;
  top: 15px;
  width: 13px;
}
.home .vector-tfJ2Za {
  background-color: transparent;
  height: 43px;
  left: -0px;
  position: absolute;
  top: 0px;
  width: 42px;
}


:root {
  --black: rgba(0,0,0,1.0);
  --eerie-black: rgba(28,28,28,1.0);
  --gold-fusion: rgba(135,115,81,1.0);
  --orange-red: rgba(242,43,43,1.0);
  --shark: rgba(40,42,45,1.0);
  --sonic-silver: rgba(110,113,121,1.0);
  --spring-wood: rgba(251,246,240,1.0);
  --star-dust: rgba(154,154,154,1.0);
  --white: rgba(255,255,255,1.0);
  --zambezi: rgba(98,86,91,1.0);
}