.gccard{width:min(100%,520px);aspect-ratio:1.586;position:relative;perspective:900px;cursor:pointer;outline:none;container-type:inline-size;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;animation:gc-float 6s ease-in-out infinite}.gccard[data-gccard=none]{cursor:default}@keyframes gc-float{0%,to{translate:0 0}50%{translate:0 calc(var(--gc-bob, 10px) * -1)}}.gccard__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5.5%/8.7%;overflow:hidden;transform-origin:50% 50%;will-change:transform;background:linear-gradient(135deg,#2c2c2e,#161617 45%,#0a0a0b);box-shadow:0 0 0 1px #ffffff14 inset,0 2px 4px #0000001a,0 16px 30px -8px #0000004d,0 40px 60px -26px #00000059;color:#f5f5f7}.gccard__face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,#fff0 30%,#ffffff12,#fff0 70%)}.gccard__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--px, 50%) var(--py, 50%),rgba(255,255,255,.12),rgba(255,255,255,0) 45%);transition:opacity .35s ease}.gccard.is-pressed .gccard__face:after{opacity:1;transition-duration:.08s}.gccard.is-tilting .gccard__face:after{opacity:.85;transition-duration:.2s}.gccard:focus-visible .gccard__face{box-shadow:0 0 0 3px var(--link),0 16px 30px -8px #0000004d}.gccard__logo{position:absolute;left:7%;top:13%;width:56%;height:auto;pointer-events:none;-webkit-user-drag:none}.gccard__chip{position:absolute;right:7.5%;top:11.5%;width:10.5%;aspect-ratio:1.27;border-radius:16%;background:linear-gradient(#8e8e93,#8e8e93) 50% 0 / 1px 100% no-repeat,linear-gradient(#8e8e93,#8e8e93) 0 50% / 100% 1px no-repeat,linear-gradient(145deg,#f2f2f4,#c7c7cc 55%,#a1a1a6)}.gccard__amt{position:absolute;right:7.5%;bottom:10%;font-family:var(--display);font-weight:600;font-size:clamp(26px,4.6vw,48px);line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.gccard__from{font-size:.5em;font-weight:500;letter-spacing:0;color:#f5f5f7b8;margin-right:.1em}.gccard__amt.is-pop{animation:gc-pop .45s cubic-bezier(.2,.9,.25,1.4)}@keyframes gc-pop{0%{transform:scale(.8);opacity:.3}to{transform:none;opacity:1}}.gccard__name{position:absolute;left:7%;bottom:10%;font-family:var(--display);font-weight:500;font-size:clamp(18px,3vw,30px);line-height:1;letter-spacing:-.01em}.gccard__for{position:absolute;left:7%;bottom:calc(10% + clamp(18px,3vw,30px) + 10px);font-size:clamp(12px,1.6vw,15px);color:#f5f5f7b8;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gccard__msg{position:absolute;left:7%;top:36%;max-width:62%;font-size:clamp(11px,1.4vw,14px);line-height:1.3;font-style:italic;color:#f5f5f7b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gccard [hidden]{display:none}.gccard--fluid{width:100%;--gc-bob: 4px}.gccard--fluid .gccard__amt{font-size:9.2cqw}.gccard--fluid .gccard__name{font-size:5.8cqw}.gccard--fluid .gccard__for{font-size:max(3.4cqw,9px);bottom:calc(10% + 8.2cqw)}.gccard--fluid .gccard__msg{font-size:max(3.2cqw,9px)}.gccard.is-arrive .gccard__face{animation:gc-arrive .5s ease-out}@keyframes gc-arrive{0%{opacity:0}to{opacity:1}}.gccard--spent{filter:grayscale(1);opacity:.55;animation:none}@media(prefers-reduced-motion:reduce){.gccard,.gccard__amt.is-pop,.gccard.is-arrive .gccard__face{animation:none}}.gcpay{margin:10px 0 0;font-size:14px;line-height:1.4;color:var(--ink-2)}.gcpay span{white-space:nowrap}.gk-gc6 .gcpay{color:var(--onink-2)}
/*# sourceMappingURL=/cdn/shop/t/127/assets/gift-card-art.css.map */