.el-welcome{width:min(56rem,calc(100vw - 2rem));max-width:none;max-height:calc(100svh - 2rem);margin:auto;padding:0;border:0;background:transparent;color:var(--ink);overflow:visible}.el-welcome[open]{animation:el-welcome-pop .62s cubic-bezier(.34,1.45,.64,1) both}.el-welcome::backdrop{background:#2f3e2e94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.el-welcome[open]::backdrop{animation:el-welcome-fade .45s ease both}.el-welcome-card{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:min(34rem,calc(100svh - 2rem));max-height:calc(100svh - 2rem);overflow:hidden;border-radius:28px;background:var(--oat);box-shadow:0 0 0 1px #ffffff59,0 44px 100px -36px #2f3e2ebf}.el-welcome-card[data-nudge=a]{animation:el-welcome-nudge-a .45s var(--ease)}.el-welcome-card[data-nudge=b]{animation:el-welcome-nudge-b .45s var(--ease)}.el-welcome-media{margin:0;min-height:100%;background:var(--forest)}.el-welcome-body{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,5vw,3.75rem) clamp(1.75rem,4.2vw,3.5rem);overflow-y:auto;overscroll-behavior:contain}.el-welcome-ogee{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;color:var(--gold);pointer-events:none}.el-welcome-x{position:absolute;z-index:2;top:.75rem;right:.75rem;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:transparent;color:var(--ink);transition:background-color .3s var(--ease)}.el-welcome-x:hover{background:rgb(var(--ink-rgb) / .07)}.el-welcome-x span,.el-welcome-x span:after{display:block;width:1.1rem;height:1.5px;background:currentColor;transform:rotate(45deg)}.el-welcome-x span:after{content:"";transform:rotate(90deg)}.el-welcome-view{animation:el-welcome-view .5s var(--ease) both}.el-welcome-title{margin-top:.85rem;font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.04;letter-spacing:-.03em}.el-welcome-pct{color:var(--gold);white-space:nowrap}.el-welcome-lede{margin-top:1rem;max-width:26rem;font-size:var(--t-small);line-height:1.5;color:var(--ink-mid)}.el-welcome-form{display:flex;flex-direction:column;gap:.65rem;margin-top:1.6rem}.el-welcome-input{width:100%;min-height:3.25rem;padding:.9rem 1.4rem;border:1px solid var(--rule-strong);border-radius:100px;background:var(--paper);color:var(--ink);font:inherit;font-size:1rem;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}.el-welcome-input::placeholder{color:rgb(var(--ink-rgb) / .45)}.el-welcome-input:focus-visible{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px #8e6f2947}.el-welcome-input[aria-invalid=true]{border-color:#8a3a24}.el-welcome-submit{width:100%;min-height:3.25rem}.el-welcome-submit[disabled]{opacity:.75;cursor:progress}.el-welcome-error{min-height:1.3em;margin-top:.5rem;font-size:var(--t-note);color:#8a3a24}.el-welcome-fine{margin-top:.35rem;font-size:.78rem;line-height:1.5;color:var(--ink-mid)}.el-welcome-fine a{color:inherit;text-decoration:underline;text-underline-offset:.18em}.el-welcome-no{align-self:flex-start;margin-top:1.1rem;min-height:2.75rem;padding:0;border:0;background:none;color:var(--ink);font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:.45em}.el-welcome-no:hover{color:var(--gold)}.el-welcome-code{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem 1rem;margin-top:1.6rem;padding:1rem 1rem 1rem 1.4rem;border:1.5px dashed var(--gold);background:var(--paper)}.el-welcome-code-label{grid-column:1;font-size:.6875rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.el-welcome-code-value{grid-column:1;min-width:0;font-size:clamp(1.4rem,2.2vw,1.75rem);font-weight:900;letter-spacing:.08em;line-height:1.1}.el-welcome-copy{grid-column:2;grid-row:1 / span 2;min-width:5.5rem;min-height:2.75rem;padding:0 1.1rem;border:1px solid var(--ink);border-radius:100px;background:transparent;color:var(--ink);font-size:.6875rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;transition:background-color .3s var(--ease),color .3s var(--ease)}.el-welcome-copy:hover{background:var(--ink);color:#fff}.el-welcome-shop{width:100%;margin-top:1rem}.el-welcome-tab{position:fixed;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));z-index:80;display:grid;place-content:center;justify-items:center;width:4.75rem;height:4.75rem;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 32% 28%,var(--gold-soft),var(--gold) 62%);color:#fff;box-shadow:0 0 0 4px #ffffffeb,0 16px 34px -12px #2f3e2ebf;animation:el-welcome-tab .6s cubic-bezier(.34,1.45,.64,1) .4s both,el-welcome-float 3.2s ease-in-out 1.2s infinite;transition:filter .3s var(--ease)}.el-welcome-tab:hover{filter:brightness(1.08)}.el-welcome-tab-pct{font-size:1.15rem;font-weight:900;letter-spacing:-.02em;line-height:1}.el-welcome-tab-word{margin-top:.15rem;font-size:.625rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;line-height:1}@media(max-width:759px){.el-welcome{width:calc(100vw - 1.5rem);max-height:calc(100svh - 1.5rem)}.el-welcome-card{grid-template-columns:minmax(0,1fr);grid-template-rows:8.5rem minmax(0,1fr);min-height:0;max-height:calc(100svh - 1.5rem);border-radius:24px}.el-welcome-media{min-height:0}.el-welcome-body{justify-content:flex-start;padding:1.6rem 1.25rem 1.4rem}.el-welcome-x{color:#fff;background:#2f3e2e66}.el-welcome-x:hover{background:#2f3e2e99}.el-welcome-title{font-size:1.9rem}.el-welcome-lede{margin-top:.75rem}.el-welcome-form{margin-top:1.2rem}.el-welcome-no{margin-top:.6rem}.el-welcome-tab{width:4.25rem;height:4.25rem}}@keyframes el-welcome-pop{0%{opacity:0;transform:translateY(28px) scale(.6)}55%{opacity:1}to{opacity:1;transform:none}}@keyframes el-welcome-nudge-a{0%,to{transform:none}30%{transform:scale(1.025)}60%{transform:scale(.99)}}@keyframes el-welcome-nudge-b{0%,to{transform:none}30%{transform:scale(1.025)}60%{transform:scale(.99)}}@keyframes el-welcome-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes el-welcome-fade{0%{opacity:0}to{opacity:1}}@keyframes el-welcome-view{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes el-welcome-tab{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.el-welcome[open],.el-welcome[open]::backdrop,.el-welcome-view,.el-welcome-tab,.el-welcome-card[data-nudge]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ecolux-welcome.css.map */