.drop-the-deck{position:relative;padding:43px 0 46px;background-color:var(--dtd-bg-color, #ffda00);transition:background-color .6s ease;overflow:hidden}.drop-the-deck-header{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;text-transform:uppercase;margin-bottom:35px;padding:0 40px}.drop-the-deck-subtitle,.drop-the-deck .drop-the-deck-subtitle p{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:11px;letter-spacing:2.2px;line-height:18.15px;color:#fff;text-align:center;margin:0}.drop-the-deck-heading,.drop-the-deck .drop-the-deck-heading p{font-family:Montserrat,sans-serif;font-weight:900;font-size:32px;letter-spacing:-1.28px;line-height:36px;color:#fff;text-transform:uppercase;text-align:center;margin:0}.drop-the-deck-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 10%}.drop-the-deck-grid::-webkit-scrollbar{display:none}.drop-the-deck-card-wrapper{-webkit-perspective:1000px;perspective:1000px;flex:0 0 85%;scroll-snap-align:center;cursor:pointer}.drop-the-deck-card-wrapper:first-child{margin-left:0}.drop-the-deck-card-wrapper:last-child{margin-right:0}.drop-the-deck:not(.is-visible) .drop-the-deck-card-wrapper{opacity:1;transform:none}.drop-the-deck-card-wrapper:nth-child(n){transition-delay:0s!important}.drop-the-deck-card{position:relative;width:100%;aspect-ratio:316 / 489;border-radius:16px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .5s ease}.drop-the-deck-card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;overflow:hidden}.drop-the-deck-card-face--front{z-index:2}.drop-the-deck-card-face--front img{display:block;width:100%;height:100%;object-fit:cover;border-radius:16px}.drop-the-deck-card-face--back{transform:rotateY(180deg);z-index:1}.drop-the-deck-card-back-image{position:relative;height:100%;overflow:hidden;border-radius:16px}.drop-the-deck-card-back-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.drop-the-deck-feature-text{position:absolute;bottom:0;left:0;right:0;font-family:Space Grotesk,sans-serif;font-weight:400;font-size:14px;line-height:1.4;color:#fff;text-align:center;padding:0 20px 30px;margin:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);border-radius:0 0 16px 16px}.drop-the-deck .drop-the-deck-feature-text p{font-family:Space Grotesk,sans-serif;font-weight:400;font-size:14px;line-height:1.4;color:#fff;text-align:center;margin:0}.drop-the-deck-tap-hint{display:none}.drop-the-deck-tap-hint.is-hidden{opacity:0}.drop-the-deck-tap-hint-icon{width:100px;height:100px}.drop-the-deck-tap-hint-icon img{width:100%;height:100%;object-fit:contain}.drop-the-deck-tap-hint-text{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:13px;color:#fff;letter-spacing:1px;text-transform:uppercase;text-align:center;width:100%;opacity:.85}.drop-the-deck-dots{display:none}.drop-the-deck-dot{width:8px;height:8px;border-radius:50%;background:#ffffff59;transition:background .3s ease,transform .3s ease}.drop-the-deck-dot.is-active{background:#fff;transform:scale(1.25)}@keyframes dtd-drop{0%{transform:translateY(0)}50%{transform:translateY(100vh)}to{transform:translateY(0)}}.drop-the-deck-card.is-dropping{animation:dtd-drop 1s cubic-bezier(.4,0,.2,1);box-shadow:none}.drop-the-deck-card.is-flipping-back{animation:dtd-flip-back .5s ease forwards;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@keyframes dtd-flip-back{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes dtd-card-exit{0%{opacity:1}to{opacity:0}}@keyframes dtd-card-enter{0%{opacity:0}to{opacity:1}}.drop-the-deck-card-wrapper.is-exiting{animation:dtd-card-exit .2s ease forwards}.drop-the-deck-card-wrapper.is-entering{animation:dtd-card-enter .25s ease forwards}@media screen and (min-width:750px){.drop-the-deck{padding:78px 0 108px;--dtd-bg-color: #ffffff}.drop-the-deck-header{position:relative;z-index:2;margin-bottom:53px;padding:0 52px}.drop-the-deck-subtitle,.drop-the-deck .drop-the-deck-subtitle p{color:#000;transition:color .6s ease}.drop-the-deck-heading,.drop-the-deck .drop-the-deck-heading p{font-size:64px;line-height:64px;color:#000;transition:color .6s ease}.drop-the-deck.has-active-card .drop-the-deck-subtitle,.drop-the-deck.has-active-card .drop-the-deck-subtitle p,.drop-the-deck.has-active-card .drop-the-deck-heading,.drop-the-deck.has-active-card .drop-the-deck-heading p{color:#fff}.drop-the-deck-grid{justify-content:flex-start;gap:21px;padding:8px 52px;scroll-snap-type:none;overflow-x:auto}.drop-the-deck-card-wrapper{flex:0 0 auto;scroll-snap-align:none;transition:opacity .6s ease,transform .6s ease}.drop-the-deck-card-wrapper:nth-child(n){transition-delay:0s}.drop-the-deck:not(.is-visible) .drop-the-deck-card-wrapper{opacity:0;transform:translateY(20px)}.drop-the-deck.is-visible .drop-the-deck-card-wrapper:nth-child(1){transition-delay:0s}.drop-the-deck.is-visible .drop-the-deck-card-wrapper:nth-child(2){transition-delay:.08s}.drop-the-deck.is-visible .drop-the-deck-card-wrapper:nth-child(3){transition-delay:.16s}.drop-the-deck.is-visible .drop-the-deck-card-wrapper:nth-child(4){transition-delay:.24s}.drop-the-deck-card{width:313px;aspect-ratio:316 / 489}}@media screen and (min-width:1400px){.drop-the-deck-grid{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/253/assets/drop-the-deck.css.map */