@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh}h1,p{margin:0}img{display:block;max-width:100%}.visually-hidden{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@font-face{font-family:Poppins Regular;font-style:normal;font-weight:400;src:local("Poppins Regular"),url(/assets/Poppins-Regular-DDdNEJae.woff) format("woff");font-display:swap}body{background:radial-gradient(900px 500px at 20% -10%,rgba(37,99,235,.18),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(96,165,250,.16),transparent 60%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.sephora-letter{fill:var(--logo);width:13rem}h1{font-family:Poppins Regular,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-weight:500;margin:0 auto 2rem;width:max-content}h1 svg{margin-bottom:-1rem}h1 span{display:block;font-size:1rem;text-align:right}:root{--bg: #f6f6f6;--bg-surface: #fff;--bg-surface-soft: #fbfbfb;--border-subtle: #d6d6d6;--shadow: #ff0000}[data-theme=light]{--bg: #f6f6f6;--bg-surface: #fff;--bg-surface-soft: #fbfbfb;--border-subtle: #d6d6d6;--shadow: #ff0000}[data-theme=dark]{--bg: #050506;--bg-surface: #0b0b0c;--bg-surface-soft: #0f0f10;--border-subtle: #1f1f22;--logo: #fff;--shadow: rgb(20, 121, 235)}.memory-game{display:grid;gap:.5rem;place-content:center;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;margin-inline:auto;padding:1rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(320px,90vw,494px)}.memory-game.win .memory-card{pointer-events:none;cursor:default}.win-overlay{background:#00000040;position:absolute;inset:0;z-index:999}.win-overlay[hidden]{display:none}.win-overlay__content{display:grid;gap:.73rem;place-items:center;width:100%;height:100%}.replay-button{background:var(--bg-surface, #fff);border:none;box-shadow:0 0 0 1px #fff;border-radius:999px;color:var(--text);cursor:pointer;font-family:Poppins Regular,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:.875rem;padding:.5rem 1rem;position:relative;top:-2rem}.replay-button:hover{background:var(--bg-surface-soft, #fbfbfb)}.disclaimer{font-family:Poppins Regular,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:.7rem;padding:1rem;position:absolute;bottom:0;left:50%;transform:translate(-50%);text-align:center;width:100%}.win-lottie{width:min(320px,70vw);height:min(320px,70vw)}.memory-game{perspective:1000px}.memory-card{background:var(--bg-surface, #fff);border:1px solid var(--border-subtle, #d6d6d6);border-radius:.75rem;box-shadow:0 8px 20px #0000001a;cursor:pointer;position:relative;width:100%;max-width:110px;height:150px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);-webkit-user-select:none;user-select:none}.memory-card-shadow{box-shadow:0 2px 14px 2px var(--shadow, rgb(20, 121, 235))}.memory-card.flip{transform:rotateY(180deg)}.memory-card .front-face,.memory-card .back-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:inherit;overflow:hidden;position:absolute;inset:0;transform-style:preserve-3d;width:100%;height:100%}.memory-card .back-face{background:var(--bg-surface-soft, #fbfbfb);display:grid;place-items:center;transform:rotateY(0)}.memory-card .front-face{background:#fff;transform:rotateY(180deg)}.memory-card .front-face img{display:block;object-fit:contain;width:100%;height:100%}.memory-card .sephora-s{display:block;fill:var(--logo);width:2rem;height:7rem}@media(max-width:640px){.memory-card{height:127.5px}.memory-card .sephora-s{width:1.8rem;height:6rem}}@media(max-width:420px){.memory-card{height:105px}.memory-card .sephora-s{width:1.6rem;height:5rem}}.win .memory-card-shadow{box-shadow:0 0 40px #ebd314}.theme-toggle{position:absolute;top:1rem;right:1rem;z-index:10}.toggle_switch{display:block;position:relative;width:65px;height:45px}input[type=checkbox].switch_3{appearance:none;cursor:pointer;outline:0;position:absolute;inset:0;width:100%;height:100%;z-index:1}svg.checkbox{position:absolute;inset:0;width:100%;height:100%}svg.checkbox .outer-ring{stroke-dasharray:375;stroke-dashoffset:375;animation:resetRing .35s ease-in-out forwards}input[type=checkbox].switch_3:checked+svg.checkbox .outer-ring{animation:animateRing .35s ease-in-out forwards}svg.checkbox .is_checked{fill:gold;opacity:0;transform-origin:50% 50%;transform:translate(200%) rotate(45deg);transition:all .35s}svg.checkbox .is_unchecked{fill:#fff;opacity:1;transform-origin:50% 50%;transform:translate(0) rotate(0);transition:all .35s}input[type=checkbox].switch_3:checked+svg.checkbox .is_checked{opacity:1;transform:translate(0) rotate(0)}input[type=checkbox].switch_3:checked+svg.checkbox .is_unchecked{opacity:0;transform:translate(-200%) rotate(180deg)}@keyframes animateRing{to{stroke-dashoffset:0;stroke:#c7c7c7}}@keyframes resetRing{to{stroke-dashoffset:0;stroke:#233043}}@media(prefers-reduced-motion:reduce){svg.checkbox .is_checked,svg.checkbox .is_unchecked{transition:none}svg.checkbox .outer-ring{animation:none;stroke-dashoffset:0}}.sound-toggle{background:transparent;border:1px solid #233043;border-radius:50%;box-shadow:0 8px 20px #0000001a;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:fixed;top:1rem;left:1rem;width:40px;height:40px}.sound-toggle__icon{width:1rem;height:1rem;display:block;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sound-toggle__icon--on{display:none}.sound-toggle--on .sound-toggle__icon--on{display:inline-block}.sound-toggle--on .sound-toggle__icon--off{display:none}