.BlackjackCard{perspective:600px;flex-shrink:0;z-index:1}.BlackjackCard,.BlackjackCard__inner{width:100%;height:100%;position:relative}.BlackjackCard__inner{transform-style:preserve-3d;transition:transform var(--blackjack-flip-duration) ease-in-out}.BlackjackCard__inner--flipped{transform:rotateY(180deg)}.BlackjackCard__face{position:absolute;inset:0;backface-visibility:hidden;box-shadow:0 2px 8px rgba(0,0,0,.3);overflow:hidden;border-radius:.3rem;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.BlackjackCard__face{border-radius:.2rem}}.BlackjackCard__back svg{width:100%;height:100%;display:block}.BlackjackCard__front{background:linear-gradient(145deg,#fff,#f0f0f0);border:1.5px solid hsla(0,0%,100%,.15);transform:rotateY(180deg)}.BlackjackCard__front--red{color:#dc2626}.BlackjackCard__front--black{color:#1a1a2e}.BlackjackCard__content{display:flex;flex-direction:column;align-items:center}.BlackjackCard__rank{font-size:2.4rem;font-weight:800;line-height:1}.BlackjackCard__suit{font-size:3rem;line-height:1}@media(max-width:768px){.BlackjackCard__rank{font-size:1.6rem}.BlackjackCard__suit{font-size:2rem}}.BlackjackCard-wrapper{width:var(--blackjack-card-width);height:var(--blackjack-card-height);flex-shrink:0;border-radius:.5rem;transition:width var(--blackjack-ghost-expand-duration) ease;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}@media(max-width:768px){.BlackjackCard-wrapper{border-radius:.2rem}}.BlackjackCard-wrapper--ghost-entering{width:0!important;opacity:0}.BlackjackCard-wrapper--ghost{opacity:0}.BlackjackFelt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;opacity:.5;pointer-events:none;z-index:0;width:100%;height:100%}.BlackjackFelt,.BlackjackFelt__oval{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.BlackjackFelt__oval{width:78%;height:60%;border:2px solid hsla(0,0%,100%,.08);border-radius:200px;transition:border-color .4s ease,box-shadow .4s ease}.BlackjackFelt__oval--win{border-color:rgba(34,197,94,.5);box-shadow:0 0 20px rgba(34,197,94,.15)}.BlackjackFelt__oval--push{border-color:rgba(148,163,184,.3)}.BlackjackRibbon{position:relative;display:flex;justify-content:center;align-items:center}.BlackjackRibbon__svg{width:280px;height:auto;color:hsla(0,0%,100%,.06);transition:color .4s ease}.BlackjackRibbon__text{position:absolute;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#fff;white-space:nowrap;line-height:0;transition:color .4s ease}.BlackjackRibbon--small .BlackjackRibbon__svg{width:240px}.BlackjackRibbon--highlighted .BlackjackRibbon__svg{color:rgba(var(--color-text-green-rgb),.17);stroke-width:1px;stroke:var(--color-text-green)}.BlackjackRibbon--highlighted .BlackjackRibbon__text{color:var(--color-text-green);filter:contrast(2)}@media(max-width:492px){.BlackjackRibbon{scale:.9}}.CardDeck{position:absolute;right:calc(-1*var(--blackjack-card-width));top:50%;height:var(--blackjack-card-width);width:var(--blackjack-card-height);z-index:11;transform:translateY(-50%)}.CardDeck .CardDeck__inner{transform:rotate(90deg) translate(45%,calc(-.47 * var(--blackjack-card-height)));transform-origin:center}.CardDeck .CardDeck__inner>div:first-child{transform:translate(0)}.CardDeck .CardDeck__inner>div{position:absolute;width:var(--blackjack-card-width);height:var(--blackjack-card-height)}.CardDeck .CardDeck__card{backface-visibility:hidden;transform:rotateY(0deg);box-shadow:2px 4px 12px rgba(11,14,33,.4);border-radius:12px;flex:none;order:1;flex-grow:0;border:none;position:absolute;width:100%;height:100%;border-radius:6px;display:flex;justify-content:center;align-items:center;z-index:2;overflow:hidden}.CardDeck .CardDeck__card:first-child{left:0}.CardDeck .CardDeck__card:nth-child(2){left:3px;top:1px}.CardDeck .CardDeck__card:nth-child(3){left:6px;top:2px}.CardDeck .CardDeck__card:nth-child(4){left:9px;top:3px}.CardDeck .CardDeck__card svg{width:100%;height:100%;display:block}.CardDeck .CardDeck__card .BlackjackCard{width:100%;height:100%;position:absolute;border-radius:inherit;box-shadow:none;margin-left:0;overflow:hidden}.CardDeck .CardDeck__card .BlackjackCard:after{content:none}.CardDeck .CardDeck__card .BlackjackCard svg{width:100%;height:100%;display:block}.BlackjackTable__dealing-card{position:absolute;right:calc(-.7*var(--blackjack-card-width));top:calc(50% - var(--blackjack-card-height)/2);width:var(--blackjack-card-width);height:var(--blackjack-card-height);transform:rotate(90deg);transform-origin:center;z-index:10}.BlackjackTable__dealing-card .BlackjackCard{width:100%;height:100%;border-radius:.3rem;box-shadow:2px 4px 12px rgba(11,14,33,.4);overflow:hidden}.BlackjackTable__dealing-card .BlackjackCard:after{content:none}.BlackjackTable__dealing-card .BlackjackCard svg{width:100%;height:100%;display:block}.CardDeck__slider{position:absolute;right:-2px;top:50%;transform:translateY(-50%);height:calc(var(--blackjack-card-height)*1.2);z-index:12;pointer-events:none;max-width:20px}.CardDeck__slider svg{height:100%}.HandCounter{gap:0;height:32px;background:hsla(0,0%,100%,.1);border:1.5px solid var(--color-dark-grey-4);border-radius:.5rem;overflow:hidden;white-space:nowrap;transition:background var(--blackjack-counter-color-duration) ease,border-color var(--blackjack-counter-color-duration) ease}.HandCounter,.HandCounter__value{display:inline-flex;align-items:center}.HandCounter__value{color:#fff;font-size:.95rem;padding:.25rem .55rem;border-radius:0 .35rem .35rem 0;gap:.15rem}.HandCounter__separator{top:-1px;position:relative}.HandCounter__result{font-family:var(--font-flama-medium),sans-serif;font-size:.8rem;text-transform:capitalize;letter-spacing:.5px;max-width:0;overflow:hidden;padding:.25rem 0;animation:handCounterExpand var(--blackjack-counter-expand-duration) ease-out forwards}.HandCounter--win{border-color:#22c55e}.HandCounter--win .HandCounter__value{background:#22c55e;color:#052e16}.HandCounter--win .HandCounter__result{background:rgba(34,197,94,.15);color:#4ade80}.HandCounter--loss{border-color:hsla(0,0%,100%,.12)}.HandCounter--loss .HandCounter__value{background:hsla(0,0%,100%,.15);color:rgba(0,0,0,.7)}.HandCounter--push{border-color:#eab308}.HandCounter--push .HandCounter__value{background:#eab308;color:#422006}.HandCounter--push .HandCounter__result{background:rgba(234,179,8,.15);color:#fbbf24}@keyframes handCounterExpand{0%{max-width:0;padding-left:0;padding-right:0}to{max-width:6rem;padding-left:.5rem;padding-right:.5rem}}