.afvid{--vid-bg: #0b0b0c;--vid-surface: #151517;--vid-surface2: #1d1d20;--vid-surface3: #26262b;--vid-border: rgba(255,255,255,.09);--vid-border2: rgba(255,255,255,.17);--vid-ink: #f4f4f5;--vid-muted: rgba(244,244,245,.44);--vid-faint: rgba(244,244,245,.6);--vid-accent: #f4f4f5;--vid-accent-soft: rgba(244,244,245,.12);--vid-radius: 14px;--vid-sans: var(--font-body-family, "Urbanist", system-ui, -apple-system, Segoe UI, Roboto, sans-serif);--vid-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}.afvid,.afvid *,.afvid *:before,.afvid *:after{box-sizing:border-box}.afvid *,.afvid *:before,.afvid *:after{margin:0;padding:0}.afvid{font-family:var(--vid-sans);font-size:13px;color:var(--vid-ink);background:var(--vid-bg);min-height:100vh;padding:40px clamp(20px,4vw,56px) 80px}.afvid__app{max-width:1500px;margin:0 auto}.afvid__lock{min-height:min(70vh,640px);display:flex;align-items:center;justify-content:center;padding:40px 0}.afvid__lockbox{width:100%;max-width:360px;background:var(--vid-surface);border:1px solid var(--vid-border);border-radius:var(--vid-radius);padding:32px 28px 28px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.afvid__lockmark{width:44px;height:44px;display:grid;place-items:center;color:var(--vid-ink);opacity:.9;margin-bottom:2px}.afvid__lockmark svg{width:28px;height:28px}.afvid__locktitle{font-family:var(--vid-sans);font-size:20px;font-weight:600;letter-spacing:-.01em}.afvid__locksub{font-size:13px;color:var(--vid-muted);line-height:1.5;margin-bottom:6px}.afvid__lockinput{width:100%;height:44px;padding:0 16px;background:var(--vid-surface2);border:1px solid var(--vid-border2);border-radius:10px;font-family:var(--vid-sans);font-size:14px;color:var(--vid-ink);outline:none;text-align:center;letter-spacing:.06em;transition:border-color .15s,box-shadow .15s}.afvid__lockinput::placeholder{color:var(--vid-muted);letter-spacing:0}.afvid__lockinput:focus{border-color:var(--vid-accent);box-shadow:0 0 0 3px var(--vid-accent-soft)}.afvid__lockbtn{width:100%}.afvid__lockerr{font-size:12px;color:var(--ui-on-dark-error, #f8a5a5);letter-spacing:.01em}.afvid__heading{font-family:var(--vid-sans);font-size:clamp(30px,5vw,52px);font-weight:600;letter-spacing:-.03em;line-height:1.02;color:var(--vid-ink);margin-bottom:6px}.afvid__sub{font-size:13px;color:var(--vid-muted);margin-bottom:32px;letter-spacing:.01em}.afvid__top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--vid-border);position:sticky;top:0;z-index:5;background:var(--vid-bg);padding-top:8px}.afvid__q{flex:1;min-width:200px;height:44px;padding:0 16px;background:var(--vid-surface);border:1px solid var(--vid-border2);border-radius:10px;font-family:var(--vid-sans);font-size:14px;color:var(--vid-ink);outline:none;transition:border-color .15s,box-shadow .15s}.afvid__q::placeholder{color:var(--vid-muted)}.afvid__q:focus{border-color:var(--vid-accent);box-shadow:0 0 0 3px var(--vid-accent-soft)}.afvid__per{height:44px;padding:0 12px;background:var(--vid-surface);border:1px solid var(--vid-border2);border-radius:10px;font-family:var(--vid-sans);font-size:13px;color:var(--vid-ink);cursor:pointer;outline:none}.afvid__per option{background:#1d1d20}.afvid__btn{height:44px;padding:0 20px;border:none;border-radius:10px;font-family:var(--vid-sans);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s,background .15s,color .15s,border-color .15s}.afvid__btn:disabled{opacity:.3;cursor:default}.afvid__btn--primary{background:var(--vid-accent);color:#0b0b0c}.afvid__btn--primary:hover:not(:disabled){background:#fff}.afvid__btn--ghost{background:var(--vid-surface2);color:var(--vid-ink);border:1px solid var(--vid-border2)}.afvid__btn--ghost:hover:not(:disabled){background:var(--vid-surface3)}.afvid__pager{display:flex;align-items:center;gap:8px}.afvid__page{font-family:var(--vid-mono);font-size:12px;color:var(--vid-muted);white-space:nowrap;min-width:68px;text-align:center}.afvid__count{font-family:var(--vid-mono);font-size:11px;color:var(--vid-muted);margin-left:auto;letter-spacing:.04em}.afvid__toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(10px);background:var(--vid-accent);color:#0b0b0c;padding:10px 24px;border-radius:99px;font-family:var(--vid-sans);font-size:13px;font-weight:600;z-index:9999;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease;box-shadow:0 8px 30px #0006}.afvid__toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.afvid__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}.afvid__empty{grid-column:1 / -1;padding:80px 0;text-align:center;color:var(--vid-muted);font-family:var(--vid-mono);font-size:13px;letter-spacing:.04em}.afvid__empty--err{color:var(--ui-on-dark-error, #f8a5a5)}.afvid__card{background:var(--vid-surface);border:1px solid var(--vid-border);border-radius:var(--vid-radius);display:flex;flex-direction:column;overflow:hidden;transition:border-color .18s,transform .18s,box-shadow .18s}.afvid__card:hover{border-color:var(--vid-border2);transform:translateY(-2px)}.afvid__card.is-selected{border-color:var(--vid-accent);box-shadow:0 0 0 1px var(--vid-accent)}.afvid__cardTop{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;border-bottom:1px solid var(--vid-border)}.afvid__chkWrap{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--vid-muted);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.afvid__chk{width:15px;height:15px;cursor:pointer;accent-color:var(--vid-accent)}.afvid__media{display:block;width:52px;height:52px;flex-shrink:0;border-radius:9px;overflow:hidden;background:#fff}.afvid__media img{width:100%;height:100%;object-fit:contain;display:block}.afvid__namewrap{flex:1;min-width:0}.afvid__name{font-size:13px;font-weight:600;line-height:1.4;color:var(--vid-ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.afvid__open{display:inline-block;margin-top:3px;font-size:11px;color:var(--vid-muted);text-decoration:none;letter-spacing:.01em;transition:color .12s}.afvid__open:hover{color:var(--vid-ink)}.afvid__vars{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-bottom:1px solid var(--vid-border)}.afvid__pill{display:grid;grid-template-columns:52px minmax(0,1fr) 62px 60px;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;border:1px solid transparent;background:var(--vid-surface2);font-family:var(--vid-sans);font-size:12px;color:var(--vid-ink);cursor:pointer;text-align:left;transition:border-color .12s,background .12s;overflow:hidden}.afvid__pill:hover{border-color:var(--vid-border2);background:var(--vid-surface3)}.afvid__pill.is-oos{opacity:.45}.afvid__pill strong{font-weight:600;font-size:12px;color:var(--vid-ink);white-space:nowrap}.afvid__pilid{font-family:var(--vid-mono);font-size:11px;color:var(--vid-muted);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.afvid__stock{font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px;letter-spacing:.03em;white-space:nowrap;text-align:center}.afvid__pill.is-in .afvid__stock{background:#f4f4f524;color:var(--vid-ink)}.afvid__pill.is-oos .afvid__stock{background:#ffffff0d;color:var(--vid-muted)}.afvid__pilprice{font-family:var(--vid-mono);font-size:11.5px;font-weight:600;color:var(--vid-ink);text-align:right;white-space:nowrap}.afvid__prices{padding:12px 14px 16px;cursor:pointer;transition:background .12s}.afvid__prices:hover{background:var(--vid-surface2)}.afvid__pricesTitle{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vid-muted);margin-bottom:8px;display:flex;align-items:center;gap:6px}.afvid__pricesTitle:after{content:"\2197  copy";font-size:9px;letter-spacing:.06em;color:var(--vid-faint);opacity:0;transition:opacity .15s}.afvid__prices:hover .afvid__pricesTitle:after{opacity:1}.afvid__pricesBody{font-family:var(--vid-mono);font-size:11.5px;line-height:2;color:var(--vid-faint)}.afvid__muted{color:var(--vid-muted);font-style:italic}@media(max-width:640px){.afvid{padding:28px 16px 64px}.afvid__top{flex-direction:column;align-items:stretch;position:static}.afvid__count{margin-left:0}.afvid__pager{justify-content:space-between}.afvid__grid{grid-template-columns:1fr}.afvid__pill{grid-template-columns:48px minmax(0,1fr) 58px}.afvid__pilprice{display:none}}@media(prefers-reduced-motion:reduce){.afvid *,.afvid *:before,.afvid *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/af-variation-ids-gallery.css.map */