.ni-mood{max-width:1080px;text-align:center;padding:36px 32px 30px;background:#fff}.ni-mood header h2{font-size:clamp(30px,4vw,42px);line-height:1.1;letter-spacing:-.04em;font-weight:500;margin:0}.ni-mood header p{font-size:15px;color:#777;margin:9px 0 18px}.ni-mood-tabs{display:flex;gap:3px;padding:5px;border-radius:40px;background:#f5f4f2;max-width:580px;margin:0 auto 22px}.ni-mood-tabs button{flex:1;min-width:0;min-height:54px;border-radius:30px;padding:14px 8px;font-size:18px;line-height:1.2;color:#666;transition:background .2s,color .2s}.ni-mood-tabs button[aria-selected=true]{background:#191919;color:#fff}.ni-mood-panel[hidden]{display:none}.ni-mood-panel{position:relative;animation:ni-mood-enter .25s ease-out}.ni-mood-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px;margin:-2px -2px 0;-webkit-overflow-scrolling:touch}.ni-mood-grid::-webkit-scrollbar{display:none}.ni-mood-tile{flex:0 0 calc((100% - 42px)/4);scroll-snap-align:start;padding:20px 8px 16px;border:1px solid transparent;border-radius:15px;background:#f7f5f3;text-decoration:none;color:#191919;transition:border-color .2s,background .2s}.ni-mood-tile:hover{border-color:#b0b0b0;background:#f4f4f4}.ni-mood-visual{height:142px;display:flex;justify-content:center;align-items:flex-end;padding-bottom:14px}.ni-mood-nail{display:block;width:53px;height:110px;background:linear-gradient(115deg,#f3f3f3 2%,#d0d0d0 43%,#bcbcbc 90%);border:1.5px solid #858585;border-radius:50% 50% 35% 35%;box-shadow:inset 5px 2px #fff8,4px 7px 12px #23232310;transform:rotate(-8deg)}.ni-mood-nail-almond{border-radius:60% 60% 32% 32%}.ni-mood-nail-round{border-radius:50% 50% 45% 45%/38% 38% 40% 40%}.ni-mood-nail-square{border-radius:17% 17% 24% 24%}.ni-mood-nail-coffin{clip-path:polygon(18% 0,82% 0,100% 65%,89% 100%,11% 100%,0 65%);border-radius:9px}.ni-mood-nail-stiletto{clip-path:polygon(50% 0,100% 62%,90% 100%,10% 100%,0 62%);border-radius:0 0 40% 40%}.ni-mood-tile strong{display:block;font-size:18px;font-weight:500;margin-top:6px}.ni-mood-tile small{display:block;font-size:11px;color:#828282;margin-top:5px}.ni-mood-length .ni-mood-visual{margin:0 8px 13px;padding-bottom:0}.ni-mood-length .ni-mood-nail{transform:none;width:43px}.ni-mood-visual img{width:130px;height:130px;object-fit:cover;border-radius:50%}.ni-mood-occasion .ni-mood-tile,.ni-mood-finish .ni-mood-tile{flex-basis:calc((100% - 28px)/3.2);padding:0 0 8px;border:0;background:transparent;text-align:left}.ni-mood-occasion .ni-mood-visual,.ni-mood-finish .ni-mood-visual{display:block;height:auto;aspect-ratio:3/4;padding:0;border-radius:16px;overflow:hidden;background:#ebe7e4}.ni-mood-occasion .ni-mood-visual img,.ni-mood-finish .ni-mood-visual img{display:block;width:100%;height:100%;border-radius:0;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.ni-mood-occasion .ni-mood-tile:hover img,.ni-mood-finish .ni-mood-tile:hover img{transform:scale(1.05)}.ni-mood-occasion .ni-mood-tile strong,.ni-mood-finish .ni-mood-tile strong{font-size:22px;line-height:1.2;margin-top:14px}.ni-mood-occasion .ni-mood-tile small,.ni-mood-finish .ni-mood-tile small{font-size:14px;line-height:1.4;margin-top:5px;color:#777}.ni-mood-extra{display:inline-block;font-size:12px;color:#777;margin:12px 0 0}.ni-mood-arrow{display:none;position:absolute;top:50%;z-index:2;width:36px;height:36px;margin-top:-26px;border-radius:50%;border:1px solid #e2dfdc;background:#fff;color:#191919;box-shadow:0 4px 14px #00000014;place-items:center;cursor:pointer}.ni-mood-arrow svg{width:16px;height:16px}.ni-mood-arrow[data-dir=prev]{left:-18px}.ni-mood-arrow[data-dir=next]{right:-18px}.ni-mood-arrow[disabled]{opacity:.3;cursor:default}@media(min-width:701px)and (hover:hover){.ni-mood-panel.is-scrollable .ni-mood-arrow{display:grid}}.ni-mood-quiz{display:grid;grid-template-columns:minmax(0,1fr) 128px auto;align-items:center;gap:24px;margin-top:24px;padding:28px 30px;border:1px solid #eddfe5;border-radius:20px;background:radial-gradient(ellipse at 62% 50%,#fff8fb 0,transparent 65%),#faf0f4;text-align:left;isolation:isolate}.ni-mood-quiz-copy{min-width:0}.ni-mood-quiz-eyebrow{display:block;margin-bottom:8px;color:#a32959;font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase}.ni-mood-quiz-copy h3{font-size:32px;font-weight:500;letter-spacing:-.045em;line-height:1.05;margin:0;color:#191919;text-wrap:balance}.ni-mood-quiz-copy p{max-width:280px;margin:10px 0 0;font-size:14px;line-height:1.5;color:#6b5660}.ni-mood-quiz>a{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:46px;padding:12px 20px;border-radius:28px;background:#171717;color:#fff;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s}.ni-mood-quiz>a svg{width:18px;height:18px;flex:none}.ni-mood-quiz>a:hover,.ni-mood-quiz>a:focus-visible{background:var(--pink,#ff3878);color:#fff}.ni-mood-quiz-art{position:relative;width:128px;height:112px;pointer-events:none}.ni-mood-quiz-art span{position:absolute;bottom:10px;width:36px;height:76px;border-radius:55% 55% 35% 35%;box-shadow:inset 2px 2px 3px #ffffff90,0 5px 10px #83375416}.ni-mood-quiz-art span:nth-child(1){left:9px;background:linear-gradient(105deg,#f5c5bb,#d8928b 55%,#efb7b0);transform:rotate(-24deg)}.ni-mood-quiz-art span:nth-child(2){left:45px;bottom:19px;height:88px;background:linear-gradient(100deg,#f7d3e7,#d45c92 45%,#f0b0cf 75%,#da7aa7);transform:rotate(-2deg)}.ni-mood-quiz-art span:nth-child(3){left:82px;background:linear-gradient(110deg,#f16b99,#c91258 58%,#e92b70);transform:rotate(22deg)}.ni-mood-quiz-art svg{position:absolute;right:0;top:0;width:19px;height:19px;color:#ad2761}.ni-mood-shape .ni-mood-tile,.ni-mood-length .ni-mood-tile{padding:12px 6px 20px;overflow:hidden}.ni-mood-shape .ni-mood-visual,.ni-mood-length .ni-mood-visual{height:190px;margin:0;padding:0;align-items:center}.ni-mood-shape .ni-mood-visual img,.ni-mood-length .ni-mood-visual img{width:200px;height:200px;max-width:none;flex:none;object-fit:contain;border-radius:0}.ni-mood-shape .ni-mood-nail,.ni-mood-length .ni-mood-nail{scale:1.35}.ni-mood-shape .ni-mood-tile strong,.ni-mood-length .ni-mood-tile strong{font-size:20px;margin-top:4px}.ni-mood a:focus-visible,.ni-mood button:focus-visible{outline:2px solid #7c7c7c;outline-offset:3px}@keyframes ni-mood-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:700px){.ni-mood{padding:26px 20px 22px}.ni-mood header p{font-size:13px;margin:8px 0 14px}.ni-mood-tabs{gap:2px;padding:4px;margin-bottom:18px}.ni-mood-tabs button{min-height:50px;font-size:clamp(14px,4.1vw,17px);padding:12px 2px}.ni-mood-grid{gap:8px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;scroll-padding-left:20px}.ni-mood-tile{flex:0 0 calc((100% - 16px)/3.3);padding:14px 4px 13px;border-radius:12px}.ni-mood-visual{height:104px;padding-bottom:10px}.ni-mood-nail{height:82px;width:38px}.ni-mood-tile strong{font-size:14px}.ni-mood-tile small{font-size:9.5px;line-height:1.4}.ni-mood-length .ni-mood-nail{width:30px}.ni-mood-visual img{width:70px;height:70px;max-width:100%}.ni-mood-occasion .ni-mood-tile,.ni-mood-finish .ni-mood-tile{flex-basis:calc((100% - 12px)/2.1);padding:0 0 8px}.ni-mood-occasion .ni-mood-grid,.ni-mood-finish .ni-mood-grid{gap:12px}.ni-mood-occasion .ni-mood-visual,.ni-mood-finish .ni-mood-visual{border-radius:14px}.ni-mood-occasion .ni-mood-tile strong,.ni-mood-finish .ni-mood-tile strong{font-size:19px;margin-top:12px}.ni-mood-occasion .ni-mood-tile small,.ni-mood-finish .ni-mood-tile small{font-size:13px}.ni-mood-shape .ni-mood-tile,.ni-mood-length .ni-mood-tile{padding:8px 4px 17px}.ni-mood-shape .ni-mood-visual,.ni-mood-length .ni-mood-visual{height:144px}.ni-mood-shape .ni-mood-visual img,.ni-mood-length .ni-mood-visual img{width:150px;height:150px;max-width:none}.ni-mood-shape .ni-mood-tile strong,.ni-mood-length .ni-mood-tile strong{font-size:17px;margin-top:4px}.ni-mood-quiz{grid-template-columns:minmax(0,1fr) 92px;gap:16px 12px;margin-top:20px;padding:22px 20px 18px;border-radius:18px}.ni-mood-quiz-copy h3{font-size:29px;max-width:210px}.ni-mood-quiz-eyebrow{font-size:9px;margin-bottom:8px}.ni-mood-quiz-copy p{font-size:12px;line-height:1.45;margin-top:8px;max-width:200px}.ni-mood-quiz-art{width:92px;height:110px;transform:scale(.78);transform-origin:center right}.ni-mood-quiz-art span:nth-child(1){left:-23px}.ni-mood-quiz-art span:nth-child(2){left:13px}.ni-mood-quiz-art span:nth-child(3){left:50px}.ni-mood-quiz>a{grid-column:1/-1;min-height:44px;font-size:14px;padding:11px 17px;gap:10px}.ni-mood-quiz>a svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.ni-mood-panel{animation:none}.ni-mood-tabs button,.ni-mood-occasion .ni-mood-visual img,.ni-mood-finish .ni-mood-visual img{transition:none}.ni-mood-quiz>a{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/ni-nail-mood.css.map */