.ev-vinbox{display:block;margin:1.6rem 0;--ev-vin-ok: var(--ev-success, #177a45);--ev-vin-info: #0b6aa0;--ev-vin-info-bg: #3ba9e6;--ev-vin-no: var(--ev-danger, #c2362b)}.ev-vinbox__card{padding:1.2rem 1.4rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:var(--ev-radius-md, 10px);background:rgb(var(--color-background));transition:border-color .2s ease,box-shadow .2s ease}.ev-vinbox__card:focus-within{border-color:var(--ev-teal-600, #0a7c80)}.ev-vinbox__card[data-state=ok]{border-color:var(--ev-vin-ok);box-shadow:0 0 0 3px #177a4524}.ev-vinbox__card[data-state=partial]{border-color:var(--ev-vin-info-bg);box-shadow:0 0 0 3px #3ba9e633}.ev-vinbox__card[data-state=no]{border-color:var(--ev-vin-no)}.ev-vinbox__head{display:flex;align-items:center;gap:1rem;cursor:pointer}.ev-vinbox__icon{position:relative;flex:none;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;color:var(--ev-mist-50, #f4f8f8);--ev-icon-accent: var(--ev-volt-400, #c6f432);isolation:isolate}.ev-vinbox__icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--ev-petrol-900, #08202b);border-radius:var(--ev-radius-sm, 6px);transform:skew(-8deg)}.ev-vinbox__heading{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem 1rem;font-family:var(--ev-font-display, inherit);font-size:1.5rem;line-height:1.25;color:rgb(var(--color-foreground))}.ev-vinbox__opt{padding:.1rem .8rem;border:1px solid rgba(var(--color-foreground),.35);border-radius:999px;font-family:var(--ev-font-text, inherit);font-size:1.1rem;font-weight:500;color:rgba(var(--color-foreground),.75)}.ev-vinbox__help{margin:.8rem 0 1rem;font-size:1.3rem;line-height:1.4;color:rgba(var(--color-foreground),.8)}.ev-vinbox__field{position:relative}.ev-vinbox__input{box-sizing:border-box;width:100%;padding-right:5.2rem;font-family:var(--ev-font-mono, monospace);font-size:1.5rem;letter-spacing:.08em;text-transform:uppercase}.ev-vinbox__input:focus-visible{outline-offset:0}.ev-vinbox__count{position:absolute;top:50%;right:1.2rem;transform:translateY(-50%);font-family:var(--ev-font-mono, monospace);font-size:1.1rem;color:rgba(var(--color-foreground),.6);pointer-events:none}.ev-vinbox__count[hidden],.ev-vinbox__badge[hidden]{display:none}.ev-vinbox__badge{position:absolute;top:50%;right:1rem;width:2.8rem;height:2.8rem;margin-top:-1.4rem;pointer-events:none}.ev-vinbox__badge svg{display:block;width:100%;height:100%;overflow:visible}.ev-vinbox__ring{fill:var(--ev-vin-ok);stroke:none}.ev-vinbox__tick,.ev-vinbox__cross{stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:0}.ev-vinbox__badge[data-state=ok] .ev-vinbox__cross,.ev-vinbox__badge[data-state=partial] .ev-vinbox__cross,.ev-vinbox__badge[data-state=no] .ev-vinbox__tick{display:none}.ev-vinbox__badge[data-state=partial] .ev-vinbox__ring{fill:var(--ev-vin-info-bg)}.ev-vinbox__badge[data-state=no] .ev-vinbox__ring{fill:var(--ev-vin-no)}.ev-vinbox__badge.is-animating svg{animation:ev-vin-pop .45s cubic-bezier(.34,1.56,.64,1) both}.ev-vinbox__badge.is-animating .ev-vinbox__tick,.ev-vinbox__badge.is-animating .ev-vinbox__cross{animation:ev-vin-draw .35s ease-out .18s both}.ev-vinbox__badge.is-animating:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid currentColor;opacity:0;animation:ev-vin-pulse .7s ease-out .1s}.ev-vinbox__badge[data-state=ok]{color:var(--ev-vin-ok)}.ev-vinbox__badge[data-state=partial]{color:var(--ev-vin-info-bg)}.ev-vinbox__badge[data-state=no]{color:var(--ev-vin-no)}@keyframes ev-vin-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ev-vin-draw{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes ev-vin-pulse{0%{transform:scale(1);opacity:.55}to{transform:scale(1.9);opacity:0}}.ev-vinbox__result{margin:1rem 0 0;padding:.9rem 1.2rem;border-left:.4rem solid transparent;border-radius:var(--ev-radius-sm, 6px);font-size:1.35rem;font-weight:600;line-height:1.4}.ev-vinbox__result[hidden]{display:none}.ev-vinbox__result.is-ok{background:#177a451f;border-color:var(--ev-vin-ok);color:var(--ev-vin-ok)}.ev-vinbox__result.is-partial{background:#3ba9e624;border-color:var(--ev-vin-info-bg);color:var(--ev-vin-info)}.ev-vinbox__result.is-no,.ev-vinbox__result.is-invalid{background:#c2362b1a;border-color:var(--ev-vin-no);color:var(--ev-vin-no)}.ev-vinbox__note{margin:.9rem 0 0}@media(prefers-reduced-motion:reduce){.ev-vinbox__card{transition:none}.ev-vinbox__badge.is-animating svg,.ev-vinbox__badge.is-animating .ev-vinbox__tick,.ev-vinbox__badge.is-animating .ev-vinbox__cross{animation:none}.ev-vinbox__badge.is-animating:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/ev-vin-box.css.map */