.tilt-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.tilt{border-radius:12px;width:var(--card-width);height:var(--card-height);perspective:1000px;cursor:pointer;font-family:brandon-grotesque,Brandon Grotesque,sans-serif;font-weight:600}@media all and (max-width: 600px){.tilt{width:var(--card-width-mobile);height:var(--card-height-mobile)}}.credit-card{width:var(--card-width);height:var(--card-height);margin:0 auto;position:relative;transition:all .3s;transform-style:preserve-3d;background:#000;border-radius:15px;box-shadow:0 0 40px #0003;background-image:url(bg.svg);background-size:cover}@media all and (max-width: 600px){.credit-card{width:var(--card-width-mobile);height:var(--card-height-mobile)}}.credit-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:3px;background:linear-gradient(45deg,#c99d40,#ffd98b,#c99d40,#ffd98b);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@media all and (max-width: 600px){{padding:2px}}.credit-card.flip{transform:rotateY(-.5turn)}.card-content{border-radius:10px;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;backface-visibility:hidden;transform:rotateY(0)}.card-content.back{transform:rotateY(-180deg)}.logo img{width:60%;position:absolute;top:50%;left:50%;transform:translate(-45%,-55%);-webkit-user-select:none;user-select:none;pointer-events:none}.logo.back img{width:var(--logo-back-width);width:45%;transform:translate(-50%,-50%)}.text{right:20px;position:absolute;top:15px;color:#c99d40;text-transform:uppercase;font-size:var(--front-font-size);-webkit-user-select:none;user-select:none;pointer-events:none}@media all and (max-width: 600px){.text{font-size:8px;top:10px;right:15px}}.text.back{top:unset;right:15px;bottom:15px;font-size:var(--back-font-size);letter-spacing:.5px}@media all and (max-width: 600px){.text.back{font-size:5px;bottom:10px;right:12px}}.card-flip-text{font-size:1rem;line-height:1rem;letter-spacing:.5px;text-transform:uppercase;color:rgb(var(--color-base-accent));font-weight:600;margin:4px 0 0;-webkit-user-select:none;user-select:none}.js-tilt-glare{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;border-radius:inherit}.hidden{display:none}.js-tilt-glare-inner{position:absolute;top:50%;left:50%;pointer-events:none;background-image:linear-gradient(0deg,#fff0,#fff);transform:rotate(180deg) translate(-50%,-50%);transform-origin:0% 0%;opacity:0;width:900px;height:900px;font-size:0px}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-card-tilt.css.map */