:root{--ojhs-navy: #00205c;--ojhs-navy-2: #0a2f78;--ojhs-silver: #bcbeb0;--ojhs-silver-hi: #ecede6;--ojhs-ink: #ffffff}.ojhs-credit{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(120% 140% at 0% 0%,var(--ojhs-navy-2) 0%,var(--ojhs-navy) 55%,#001640 100%);color:var(--ojhs-ink);font-size:1.5rem;line-height:1.4}.ojhs-credit__inner{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:3.2rem;max-width:120rem;margin:0 auto;padding:2.6rem 4rem 1.4rem}.ojhs-credit__spots{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;z-index:0;opacity:.14;background-image:radial-gradient(circle at 30% 40%,transparent 0 7px,var(--ojhs-silver) 8px 11px,transparent 12px),radial-gradient(circle at 75% 70%,transparent 0 5px,var(--ojhs-silver) 6px 9px,transparent 10px),radial-gradient(circle at 60% 15%,var(--ojhs-silver) 0 3px,transparent 4px),radial-gradient(circle at 15% 85%,var(--ojhs-silver) 0 2.5px,transparent 3.5px);background-size:90px 80px,110px 95px,70px 60px,85px 75px;animation:ojhs-drift 40s linear infinite}@keyframes ojhs-drift{to{background-position:90px 80px,-110px 95px,70px -60px,-85px -75px}}.ojhs-credit__trail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.ojhs-credit__paw{position:absolute;bottom:calc(18% + (var(--i) * 0px));left:calc(var(--i) * 11% - 6%);width:2.2rem;height:2.2rem;fill:var(--ojhs-silver);opacity:0;transform:rotate(90deg) translate(calc(var(--i) * 0px));animation:ojhs-step 9s ease-in-out infinite;animation-delay:calc(var(--i) * .45s)}.ojhs-credit__paw:nth-child(odd){bottom:34%}.ojhs-credit__paw svg{width:100%;height:100%;display:block}@keyframes ojhs-step{0%{opacity:0;transform:rotate(90deg) scale(.6)}6%{opacity:.28;transform:rotate(90deg) scale(1)}40%{opacity:.18}60%{opacity:0}to{opacity:0}}.ojhs-card{position:relative;width:25rem;aspect-ratio:1.586;border-radius:1.4rem;padding:1.3rem 1.5rem;color:var(--ojhs-navy);background:linear-gradient(135deg,var(--ojhs-silver-hi) 0%,var(--ojhs-silver) 45%,#a9ab9c 70%,var(--ojhs-silver-hi) 100%);box-shadow:0 1.2rem 2.4rem #00000059,inset 0 1px #ffffffb3;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transform:rotate(-4deg);animation:ojhs-card-in .9s cubic-bezier(.2,.9,.3,1.25) both,ojhs-float 6s ease-in-out 1s infinite}.ojhs-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;background-image:radial-gradient(ellipse 7px 5px at 30% 40%,transparent 0 3px,var(--ojhs-navy) 4px 6px,transparent 7px),radial-gradient(circle at 70% 75%,var(--ojhs-navy) 0 2px,transparent 3px);background-size:46px 38px,31px 29px;pointer-events:none}.ojhs-card__shine{position:absolute;inset:-50% auto -50% -60%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:skew(-20deg);animation:ojhs-shine 4.5s ease-in-out 1.2s infinite;pointer-events:none}@keyframes ojhs-shine{0%{left:-60%}30%{left:130%}to{left:130%}}@keyframes ojhs-card-in{0%{opacity:0;transform:translateY(1.6rem) rotate(-14deg) scale(.85)}to{opacity:1;transform:rotate(-4deg)}}@keyframes ojhs-float{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-.5rem)}}.ojhs-card__top{display:flex;align-items:center;gap:.9rem;position:relative}.ojhs-card__crest{width:3.4rem;height:auto}.ojhs-card__label{font-weight:800;font-size:1.05rem;line-height:1.05;letter-spacing:.14em;text-transform:uppercase}.ojhs-card__amount{position:relative;font-weight:900;font-size:5rem;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ojhs-card__dollar{font-size:.55em;vertical-align:.6em;margin-right:.08em}.ojhs-card__left{font-size:.3em;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-left:.4rem}.ojhs-card__left[hidden]{display:none}.ojhs-card__used{font-size:2.8rem;letter-spacing:.04em;text-transform:uppercase}.ojhs-card__foot{position:relative;display:flex;justify-content:space-between;gap:1rem;font-size:.95rem;font-weight:700;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ojhs-card__lock{display:inline-flex;align-items:center;gap:.5rem}.ojhs-card__lock svg{width:1.2rem;height:1.2rem;fill:var(--ojhs-navy)}.ojhs-card--locked .ojhs-card__amount{filter:blur(.5px);opacity:.8}.ojhs-credit--used .ojhs-card{filter:grayscale(.4)}.ojhs-card.is-bumped{animation:ojhs-bump .6s cubic-bezier(.2,.9,.3,1.4)}@keyframes ojhs-bump{0%{transform:rotate(-4deg) scale(1)}35%{transform:rotate(3deg) scale(1.08)}70%{transform:rotate(-6deg) scale(.98)}to{transform:rotate(-4deg) scale(1)}}.ojhs-credit__eyebrow{margin:0 0 .2rem;font-size:1.3rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ojhs-silver)}.ojhs-credit__headline{margin:0 0 1rem;color:#fff;font-size:clamp(2.2rem,3vw,3.4rem);font-weight:800;line-height:1.15;letter-spacing:-.01em}.ojhs-credit__big{display:inline-block;color:var(--ojhs-navy);background:var(--ojhs-silver);border-radius:.6rem;padding:0 .6rem;transform:rotate(-2deg)}.ojhs-meter{max-width:56rem;margin-bottom:.8rem}.ojhs-meter__track{position:relative;height:1.4rem;border-radius:99px;background:#ffffff24;box-shadow:inset 0 1px 3px #00000059}.ojhs-meter__fill{position:relative;height:100%;min-width:1.4rem;border-radius:99px;background:repeating-linear-gradient(-45deg,var(--ojhs-silver-hi) 0 10px,var(--ojhs-silver) 10px 20px);background-size:28px 28px;animation:ojhs-stripes 1.2s linear infinite;transition:width .9s cubic-bezier(.2,.9,.3,1.15)}@keyframes ojhs-stripes{to{background-position:28px 0}}.ojhs-meter__paw{position:absolute;right:-1.3rem;top:50%;width:2.6rem;height:2.6rem;transform:translateY(-50%) rotate(90deg);fill:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.ojhs-meter__paw svg{width:100%;height:100%;display:block}.ojhs-credit.is-maxed .ojhs-meter__fill{background:repeating-linear-gradient(-45deg,#fff 0 10px,var(--ojhs-silver-hi) 10px 20px);background-size:28px 28px}.ojhs-credit.is-maxed .ojhs-meter__paw{animation:ojhs-wiggle .8s ease-in-out 2}@keyframes ojhs-wiggle{0%,to{transform:translateY(-50%) rotate(90deg)}25%{transform:translateY(-70%) rotate(70deg) scale(1.15)}75%{transform:translateY(-40%) rotate(110deg) scale(1.15)}}.ojhs-credit__status{margin:0 0 .3rem;font-size:1.5rem}.ojhs-credit__status strong{color:#fff;font-weight:800}.ojhs-credit__fine{margin:0;font-size:1.25rem;color:#ffffffb8}.ojhs-credit__actions{display:flex;gap:1rem}.ojhs-btn{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2.2rem;border-radius:99px;background:var(--ojhs-silver);color:var(--ojhs-navy);font-weight:800;font-size:1.5rem;letter-spacing:.02em;text-decoration:none;white-space:nowrap;box-shadow:0 .6rem 1.4rem #0000004d;transition:transform .2s ease,background .2s ease}.ojhs-btn svg{width:1.6rem;height:1.6rem;fill:currentColor;transform:rotate(20deg)}.ojhs-btn:hover{transform:translateY(-2px) scale(1.03);background:#fff}.ojhs-btn--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff9}.ojhs-btn--ghost:hover{background:#ffffff1f}.ojhs-btn--pulse{animation:ojhs-pulse 2.2s ease-in-out infinite}@keyframes ojhs-pulse{0%,to{box-shadow:0 0 #bcbeb08c,0 .6rem 1.4rem #0000004d}50%{box-shadow:0 0 0 1rem #bcbeb000,0 .6rem 1.4rem #0000004d}}.ojhs-btn[hidden]{display:none}.ojhs-credit__actions{flex-direction:column;align-items:stretch}.ojhs-btn--bounce svg{animation:ojhs-hop 1.6s ease-in-out infinite}@keyframes ojhs-hop{0%,60%,to{transform:rotate(20deg) translateY(0)}30%{transform:rotate(0) translateY(-.5rem)}}.ojhs-credit__pickup{position:relative;z-index:2;margin:0;padding:.6rem 1rem .9rem;text-align:center;font-size:1.2rem;letter-spacing:.04em;color:#ffffffb3}.ojhs-credit__pickup svg{width:1.1rem;height:1.1rem;fill:currentColor;vertical-align:-.1rem;margin-right:.3rem}@media screen and (max-width:749px){.ojhs-credit__inner{grid-template-columns:auto 1fr;gap:1.4rem 1.6rem;padding:1.6rem 1.6rem 1rem}.ojhs-credit__actions{flex-direction:row}.ojhs-card{width:12.5rem;padding:.8rem 1rem;border-radius:1rem}.ojhs-card__crest{width:2.2rem}.ojhs-card__label{font-size:.8rem}.ojhs-card__amount{font-size:2.6rem}.ojhs-card__left{font-size:.3em;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-left:.4rem}.ojhs-card__left[hidden]{display:none}.ojhs-card__used{font-size:1.7rem}.ojhs-card__foot{font-size:.7rem}.ojhs-credit__headline{font-size:1.8rem;margin-bottom:.8rem}.ojhs-credit__eyebrow{font-size:1.1rem}.ojhs-credit__status{font-size:1.35rem}.ojhs-credit__fine{font-size:1.15rem}.ojhs-credit__actions{grid-column:1 / -1}.ojhs-btn{width:100%;justify-content:center}.ojhs-credit__paw{width:1.6rem;height:1.6rem}}.ojhs-page .ojhs-prowl{opacity:0;transform:translateY(2.4rem) scale(.97);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.9,.3,1.2);transition-delay:var(--ojhs-delay, 0s)}.ojhs-page .ojhs-prowl.is-in{opacity:1;transform:none}.ojhs-page .product-card-wrapper{position:relative}.ojhs-page .product-card-wrapper .card__media,.ojhs-page .product-card-wrapper .card__inner{transition:transform .35s cubic-bezier(.2,.9,.3,1.3)}.ojhs-page .product-card-wrapper:hover .card__inner{transform:translateY(-.6rem) rotate(-1deg)}.ojhs-page .product-card-wrapper:after{content:"";position:absolute;top:1rem;right:1rem;width:3.2rem;height:3.2rem;z-index:3;pointer-events:none;opacity:0;transform:scale(.4) rotate(-30deg);transition:opacity .25s ease,transform .35s cubic-bezier(.2,.9,.3,1.6);background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%2300205C'%3E%3Cellipse cx='32' cy='43' rx='14' ry='12'/%3E%3Cellipse cx='13' cy='27' rx='6' ry='8'/%3E%3Cellipse cx='25' cy='15' rx='6' ry='8.5'/%3E%3Cellipse cx='39' cy='15' rx='6' ry='8.5'/%3E%3Cellipse cx='51' cy='27' rx='6' ry='8'/%3E%3C/svg%3E")}.ojhs-page .product-card-wrapper:hover:after{opacity:.9;transform:scale(1) rotate(-15deg)}.ojhs-claw-wrap{position:relative;display:inline-block}.ojhs-claw{position:absolute;top:-12%;right:-4%;bottom:-12%;left:-4%;pointer-events:none;overflow:visible}.ojhs-claw path{fill:none;stroke:var(--ojhs-silver);stroke-width:5;stroke-linecap:round;stroke-dasharray:160;stroke-dashoffset:160;animation:ojhs-scratch .45s cubic-bezier(.6,0,.4,1) forwards,ojhs-scratch-fade .6s ease 1.8s forwards}.ojhs-claw path:nth-child(2){animation-delay:.08s,1.85s}.ojhs-claw path:nth-child(3){animation-delay:.16s,1.9s}@keyframes ojhs-scratch{to{stroke-dashoffset:0}}@keyframes ojhs-scratch-fade{to{opacity:0}}.ojhs-confetti{position:fixed;z-index:9999;pointer-events:none;will-change:transform,opacity}.ojhs-confetti svg{width:100%;height:100%;display:block}.ojhs-toast{position:fixed;left:50%;bottom:2.4rem;z-index:9998;transform:translate(-50%,150%);background:var(--ojhs-navy);color:#fff;padding:1.2rem 2rem;border-radius:99px;font-weight:800;font-size:1.5rem;box-shadow:0 1rem 2.4rem #00205c66;transition:transform .45s cubic-bezier(.2,.9,.3,1.3);white-space:nowrap}.ojhs-toast.is-on{transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.ojhs-credit__spots,.ojhs-credit__paw,.ojhs-card,.ojhs-card__shine,.ojhs-meter__fill,.ojhs-btn--pulse,.ojhs-btn--bounce svg,.ojhs-claw path{animation:none!important}.ojhs-card{transform:rotate(-4deg)}.ojhs-credit__paw{opacity:.12}.ojhs-page .ojhs-prowl{opacity:1;transform:none;transition:none}.ojhs-claw{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ojhs-fun.css.map */
