:root{--card-cap: clamp(400px, calc(400px + (100vw - 750px)/2) , 460px)}.tilt-fluid{width:100%;container-type:inline-size}.tilt-fluid .tilt{--card-width: round(min(var(--card-cap), 100cqw - 40px), 1px)}@media screen and (min-width:750px){.tilt-fluid .tilt{--card-width: round(min(var(--card-max-desktop, 460px), 100cqw - 40px), 1px)}}.tilt-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:5px;perspective:2000px}.tilt,.card-flip-area{--flip-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%23111' stroke-width='4.5'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36'/%3E%3Cpolyline points='21 3 21 9 15 9'/%3E%3C/g%3E%3Cg stroke='%23e3c37e' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36'/%3E%3Cpolyline points='21 3 21 9 15 9'/%3E%3C/g%3E%3C/svg%3E") 11 11, pointer}.card-flip-area{cursor:var(--flip-cursor)}.tilt:focus{outline:none}.tilt:focus-visible .credit-card{outline:2px solid #e3c37e;outline-offset:6px;border-radius:var(--card-radius)}.tilt{--card-width: var(--card-cap);--card-height: round(calc(var(--card-width) * .6), 1px);width:var(--card-width);height:var(--card-height);font-family:var(--font-body-family);font-weight:600;cursor:var(--flip-cursor);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.25,.8,.4,1);animation:card-sway 8s ease-in-out infinite}.tilt:hover{animation-play-state:paused}@keyframes card-sway{0%,to{rotate:.2 1 0 -16deg}50%{rotate:-.2 1 0 16deg}}.credit-card{--half: 1.5px;--card-radius: round(calc(var(--card-width) * .026), 1px);--card-ring: round(max(1px, .65cqw), 1px);position:relative;width:var(--card-width);height:var(--card-height);margin:0 auto;border-radius:var(--card-radius);transform-style:preserve-3d;transition:transform .9s cubic-bezier(.45,0,.2,1)}.credit-card.flip{transform:rotateY(-.5turn)}.credit-card.is-peeking{animation:card-peek 2.2s cubic-bezier(.45,0,.25,1)}@keyframes card-peek{0%,to{transform:rotateY(0)}45%{transform:rotateY(18deg)}}.card-edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--card-radius);background:linear-gradient(45deg,#8c6a22,#c99d40,#ffd98b,#c99d40,#8c6a22);transform:translateZ(calc((var(--i) - 5) / 5 * var(--half)))}.card-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--card-radius);container-type:inline-size;backface-visibility:hidden;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.06 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 160px 160px repeat,#0b0b0b;transform:translateZ(var(--half))}.card-content.back{transform:rotateY(-180deg) translateZ(var(--half))}.card-content:before{content:"";position:absolute;inset:var(--card-ring);border-radius:calc(var(--card-radius) - var(--card-ring));background:url(bg-lines-deboss.svg?v=7) center / cover no-repeat;pointer-events:none}.card-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--card-radius);padding:var(--card-ring);background:linear-gradient(45deg,#c99d40,#ffd98b,#c99d40,#ffd98b);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.card-content .text,.card-content .logo img,.card-back-code{z-index:3;-webkit-user-select:none;user-select:none;pointer-events:none}.card-content .text{position:absolute;color:#e3c37e;text-transform:uppercase;line-height:1}.card-content.front .text{top:3.9cqw;right:3.95cqw;font-size:3.4cqw;font-weight:600;letter-spacing:.02em}.card-content.back .text{right:5cqw;bottom:4.2cqw;font-size:2.4cqw;font-weight:500;letter-spacing:.1em}.card-content .logo img{position:absolute;object-fit:contain}.card-content.front .logo img{width:66cqw;left:19.64cqw;height:28.25cqw;top:15.87cqw}.card-content.back .logo img{width:50cqw;height:50cqw;left:25cqw;top:5cqw}.card-back-code{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2cqw;padding:0 4.4cqw;text-align:center}.card-back-code__label{font-size:2.2cqw;font-weight:500;line-height:1;letter-spacing:.25em;text-transform:uppercase;color:#e3c37e}.card-back-code__value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:4.6cqw;font-weight:500;line-height:1;letter-spacing:.1em;color:#e3c37e}.tilt-sheen{display:none;position:absolute;top:0;bottom:0;left:0;z-index:1;width:250%;background:linear-gradient(115deg,transparent 35%,rgba(255,236,190,.14) 50%,transparent 65%);pointer-events:none}.tilt-sheen.is-sweeping{display:block}.js-tilt-glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;border-radius:var(--card-radius);pointer-events:none}.js-tilt-glare-inner{display:block;position:absolute;top:50%;left:50%;width:900px;height:900px;font-size:0;background-image:linear-gradient(0deg,#ffecbe00 0% 45%,#ffecbe);transform:rotate(180deg) translate(-50%,-50%);transform-origin:0% 0%;opacity:0;pointer-events:none}.js-tilt-glare.hidden{display:none}.credit-card--gift .card-content:after{background:linear-gradient(45deg,#121212 0% 8%,#353535 25%,#181818 42% 58%,#2e2e2e 75%,#121212 92% 100%)}.credit-card--gift .card-edge{background:linear-gradient(45deg,#050505,#1f1f1f,#333,#1f1f1f,#050505)}.credit-card--gift .text,.credit-card--gift .card-back-code__label,.credit-card--gift .card-back-code__value{color:#e8e4dc}.credit-card--gift .tilt-sheen{background:linear-gradient(115deg,transparent 35%,rgba(255,248,235,.075) 50%,transparent 65%)}.credit-card--gift .js-tilt-glare-inner{background-image:linear-gradient(0deg,#fff8eb00 0% 45%,#fff8eb)}.card-shadow{display:block;width:300px;height:22px;margin-top:14px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.45) 0%,rgba(0,0,0,.2) 45%,transparent 72%);filter:blur(6px);pointer-events:none}.card-corner{position:absolute;bottom:0;width:1px;height:1px;visibility:hidden;pointer-events:none}.card-corner--bl{left:0}.card-corner--br{right:0}.card-flip-text{position:absolute;bottom:-.4rem;left:50%;display:inline-flex;align-items:center;gap:.6rem;margin:0;white-space:nowrap;opacity:0;transform:translate(-50%);transition:opacity .6s ease;pointer-events:none;font-size:1.1rem;font-weight:600;line-height:1;letter-spacing:.15rem;text-transform:uppercase;color:#e3c37e;-webkit-user-select:none;user-select:none}.tilt-wrapper.is-hinting .card-flip-text{opacity:1}.card-flip-text__icon{flex:0 0 auto;width:1.3em;height:1.3em}.tilt-wrapper:has(.is-peeking) .card-flip-text__icon{animation:flip-icon-spin 2.2s cubic-bezier(.45,0,.25,1)}@keyframes flip-icon-spin{to{transform:rotate(360deg)}}.card-flip-text__click{display:none}@media(hover:hover)and (pointer:fine){.card-flip-text__touch{display:none}.card-flip-text__click{display:inline}}.product__gift-card-visual{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;container-type:inline-size}@media screen and (min-width:750px){.product__gift-card-visual{position:sticky;top:10rem}}.product__gift-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.product__gift-card-visual .tilt-wrapper{position:relative}.product__gift-card-visual .tilt{--card-width: round(min(var(--card-cap), 80cqw), 1px)}@media(prefers-reduced-motion:reduce){.tilt{animation:none}.tilt-sheen{display:none}}@media print{.tilt{animation:none}.tilt-sheen,.js-tilt-glare,.card-shadow,.card-flip-text{display:none!important}.credit-card{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/component-card-tilt.css.map */