.deck-preview{--deck-height: 80svh;--card-scale: 1;--card-h: clamp(145px, calc(var(--deck-height) * .34 * var(--card-scale)), 320px);--card-w: calc(var(--card-h) * .70833);--card-r: calc(var(--card-w) * .058);--stock: #eff2f1;--sh-rest: 0 1px 1px rgba(11, 11, 11, .025), 0 3px 7px rgba(11, 11, 11, .03);position:relative;width:100%;margin-bottom:56px;color:var(--ink);font-family:var(--font-main)}.deck-preview--plate .deck-preview__stage{background:#f5f5f5}.deck-preview--paper .deck-preview__stage{background:var(--paper)}.deck-preview__title{display:block;margin:16px auto;min-width:170px;--text: 16px;font-family:var(--font-main)!important;font-weight:400;line-height:1;color:#fff;--btn-bg: var(--ink);background:var(--btn-bg);border:none;border-radius:14px!important;padding:15px 28px;cursor:pointer;transition:transform .1s ease,border-radius .35s cubic-bezier(.16,1,.3,1)}.deck-preview__title:hover{border-radius:0!important}.deck-preview__title:active{transform:scale(.96)}.deck-preview__title:focus-visible{outline:1px solid var(--ink);outline-offset:2px}@media(max-width:749px){.deck-preview{margin-top:-75px}.deck-preview__title{margin:8px auto 14px;width:calc(100% - 56px)}}.deck-preview.is-collapsed .deck-preview__stage{height:0}.deck-preview.is-collapsed .deck-preview__controls{display:none}.deck-preview.is-collapsed{pointer-events:none}.deck-preview.is-collapsed .deck-preview__title{pointer-events:auto}.deck-preview__stage{position:relative;height:var(--deck-height);transition:height .6s cubic-bezier(.22,.8,.3,1);overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.deck-preview__deal-hint{position:absolute;left:calc(50% - var(--card-w) * .1 + 48px);top:50%;transform:translateY(-50%);margin:0;--text: 14px;line-height:1.5;text-transform:uppercase!important;text-align:center;color:var(--ink-soft);pointer-events:none;opacity:0;transition:opacity .6s ease}.deck-preview__deal-hint.is-shown{opacity:1}.deck-preview__cards{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity 2s ease 1s}.deck-preview.is-loading .deck-preview__cards{opacity:0;transition:none}.deck-preview.is-loading .deck-preview__deal-hint{opacity:0}.deck-preview.is-loading .deck-preview__stage{pointer-events:none}.deck-preview__controls{transition:opacity 2s ease 1s}.deck-preview.is-loading .deck-preview__controls,.deck-preview.is-loading .deck-preview__share{opacity:0;transition:none}.deck-preview.is-loading .deck-preview__btn{pointer-events:none}.deck-preview__loader{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;color:var(--ink);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s}.deck-preview.is-built.is-loading .deck-preview__loader{opacity:1;visibility:visible;transition:opacity .5s ease}.deck-preview__loader span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;--text: 78px;line-height:92px;opacity:0;animation:pdp-add-suit .84s ease infinite}.deck-preview__loader span:nth-child(2){animation-delay:.21s}.deck-preview__loader span:nth-child(3){animation-delay:.42s}.deck-preview__loader span:nth-child(4){animation-delay:.63s}.deck-preview__card{position:absolute;left:50%;top:50%;width:var(--card-w);height:var(--card-h);margin-left:calc(var(--card-w) / -2);margin-top:calc(var(--card-h) / -2);touch-action:none;cursor:grab}.deck-preview__lift{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1400px;transform:translate(0);transition:transform .22s ease}.deck-preview__card.is-lifted .deck-preview__lift{transform:translate(-16px,-26px);transition:transform .12s ease-out}.deck-preview__card.is-lifted{cursor:grabbing;will-change:transform}.deck-preview__shadow{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1400px;transform:scale(1);opacity:0;transition:transform .22s ease,opacity .22s ease;pointer-events:none}.deck-preview__card.is-lifted .deck-preview__shadow{transform:scale(.96);opacity:1;transition:transform .12s ease-out,opacity .09s ease}.deck-preview__shadow-card{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--card-r)!important;background:#0b0b0b40;filter:blur(.5px);transition:transform .52s cubic-bezier(.3,.85,.3,1),filter .22s ease,background-color .22s ease}.deck-preview__card.is-lifted .deck-preview__shadow-card{background:#0b0b0b33;filter:blur(2px);transition:transform .52s cubic-bezier(.3,.85,.3,1),filter .12s ease-out,background-color .12s ease-out}.deck-preview__card.is-lifted .deck-preview__inner{box-shadow:none!important}.deck-preview__card.is-tweening{will-change:transform;transition:transform .58s cubic-bezier(.19,.9,.22,1)}.deck-preview__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.3,.85,.3,1),box-shadow .22s ease;box-shadow:var(--sh-rest)!important;border-radius:var(--card-r)!important;background:var(--stock)}.deck-preview__face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;max-width:none;object-fit:cover;border-radius:var(--card-r);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}.deck-preview__face--back{transform:rotateY(180deg)}.deck-preview__controls{position:absolute;left:0;right:0;bottom:34px;z-index:100000;display:flex;flex-wrap:wrap;justify-content:center;gap:24px 8px;padding:0 16px;pointer-events:none}.deck-preview__btn{pointer-events:auto}.deck-preview__btn{--btn-bg: #e9e9e9;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:var(--btn-bg);border:none;border-radius:14px!important;padding:13px 17px;cursor:pointer;transition:background .12s ease,transform .1s ease}.deck-preview__btn:hover{--btn-bg: #e0e0e0}.deck-preview__btn:active{transform:scale(.94)}.deck-preview__btn svg{display:block;width:23px;height:23px}.deck-preview__share[disabled]{cursor:default}.deck-preview__share[disabled] svg{opacity:.4}.deck-preview__btn[data-action=square],.deck-preview__btn[data-action=shuffle],.deck-preview__btn[data-action=share]{margin-left:20px}.deck-preview__controls .deck-preview__btn{position:relative}.deck-preview__controls .deck-preview__btn:after{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);font-family:var(--font-main);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;pointer-events:none}.deck-preview__btn[data-action=ribbon]:after{content:"Spread"}.deck-preview__btn[data-action=flip]:after{content:"Flip"}.deck-preview__btn[data-action=square]:after{content:"Align"}.deck-preview__btn[data-action=shuffle]:after{content:"Shuffle"}.deck-preview__btn[data-action=order]:after{content:"Order"}.deck-preview__btn[data-action=share]:after{content:"Share"}.deck-preview__btn:focus-visible{outline:1px solid var(--ink);outline-offset:2px}@media(max-width:480px){.deck-preview__controls{gap:24px 6px;padding:0 12px;bottom:28px}.deck-preview__btn{padding:12px 14px}.deck-preview__btn[data-action=square],.deck-preview__btn[data-action=shuffle],.deck-preview__btn[data-action=share]{margin-left:14px}}@media(prefers-reduced-motion:reduce){.deck-preview__card.is-tweening{transition-duration:.01ms}.deck-preview__inner{transition:none}.deck-preview__shadow{transition:opacity .2s ease}.deck-preview__shadow-card,.deck-preview__lift{transition:none}.deck-preview__cards{transition:opacity .2s ease}.deck-preview__stage{transition:none}.deck-preview__controls,.deck-preview__share{transition:opacity .2s ease}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/deck-preview.css.map */