.n-sales-cards{display:block;color:#26351a;background:#f4f3e8;border-block:1px solid #d3d8bf;font-family:var(--font-heading-family);container-type:inline-size}.n-sales-cards__inner{position:relative;max-width:600px;height:120px;margin:auto;padding:9px 12px}.n-sales-cards__before{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.n-sales-cards__instruction{margin:0;text-align:center;font-size:var(--natunora-text-body);line-height:1.25;font-weight:700;color:#4f5e40}.n-sales-cards__deck{display:flex;gap:12px;flex:none}.n-sales-cards__card{position:relative;padding:0;width:72px;height:74px;border:0;border-radius:9px;background:transparent;cursor:pointer}.n-sales-cards__card:first-child{transform:rotate(-3deg)}.n-sales-cards__card:last-child{transform:rotate(3deg)}.n-sales-cards__turn{position:absolute;top:0;right:0;bottom:0;left:0}.n-sales-cards__front,.n-sales-cards__back{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #d6cbb7;border-radius:9px}.n-sales-cards__front{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(155deg,#fffefa,#f8f2e6);color:#3e5527;box-shadow:0 2px 1px #c9bfa8,0 5px 9px #57472518;transform-origin:center 80%;animation:n-sales-card-invite 2.7s ease-in-out infinite}.n-sales-cards__card:nth-child(2) .n-sales-cards__front{animation-delay:.18s}.n-sales-cards__card:nth-child(3) .n-sales-cards__front{animation-delay:.36s}.n-sales-cards__mystery{font:900 var(--natunora-text-h3)/1 var(--font-heading-family);color:#6c7e45;margin-top:-1px}.n-sales-cards__label{font:400 var(--natunora-text-small)/1.2 var(--font-heading-family);margin-top:5px}.n-sales-cards__back{display:flex;align-items:center;justify-content:center;background:#fff8f2;border-color:#dbc3b6;opacity:0;box-shadow:0 2px 1px #e2cfc2,0 5px 9px #57472512}.n-sales-cards__heart{width:34px;height:34px;fill:#a9413b;filter:drop-shadow(0 2px 0 #ecc5ba)}.n-sales-cards__card.opened .n-sales-cards__front{opacity:0;animation-play-state:paused}.n-sales-cards__card.opened .n-sales-cards__back{opacity:1}.n-sales-cards__card.opened{cursor:default}.n-sales-cards__result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;visibility:hidden;opacity:0}.n-sales-cards__success{display:block;font-size:var(--natunora-text-small);color:#3e5527;line-height:1.2;margin-bottom:4px}.n-sales-cards__offer{display:block;font-size:var(--natunora-text-sales-card-offer);font-weight:900;line-height:1.15;white-space:nowrap}.n-sales-cards__note{margin:4px 0 0;font-size:var(--natunora-text-caption);line-height:1.2;font-weight:700;white-space:nowrap;color:#962a24}.n-sales-cards__bottles{display:flex;justify-content:center;width:53px;flex:none}.n-sales-cards__bottles img{width:auto;height:70px;margin-inline:0;object-fit:contain}.n-sales-cards[data-state=revealed] .n-sales-cards__before{visibility:hidden}.n-sales-cards[data-state=revealed] .n-sales-cards__front{animation:none}.n-sales-cards[data-state=revealed] .n-sales-cards__result{visibility:visible;opacity:1;animation:n-sales-card-prize .55s ease-out both}.n-sales-cards[data-state=revealed]{background:#f4ebce;border-color:#c8b16a}.n-sales-cards__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.n-sales-cards__confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.n-sales-cards__confetti i{position:absolute;left:var(--x);top:-10px;width:5px;height:9px;background:var(--colour);opacity:0}.n-sales-cards[data-state=revealed] .n-sales-cards__confetti i{animation:n-sales-card-confetti 1.9s var(--delay) ease-out both}@keyframes n-sales-card-invite{0%,12%,to{transform:rotate(0)}3%,9%{transform:rotate(-5deg) translateY(-2px)}6%{transform:rotate(5deg) translateY(-2px)}}@keyframes n-sales-card-confetti{0%{opacity:0;transform:translateY(-10px)}12%,70%{opacity:1}to{opacity:0;transform:translate(var(--dx),140px) rotate(420deg)}}@keyframes n-sales-card-prize{0%{transform:scale(.82);opacity:0}65%{transform:scale(1.035);opacity:1}to{transform:scale(1)}}@container (max-width:340px){.n-sales-cards__result{gap:3px;padding-inline:6px}.n-sales-cards__bottles{width:43px}.n-sales-cards__bottles img{height:60px;margin-inline:0}}@media(prefers-reduced-motion:reduce){.n-sales-cards *{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/natunora-sales-cards.css.map */