:root{--wb-bg-page:var(--color-bg-page);--wb-bg-alt:var(--color-bg-alt);--wb-bg-surface:var(--color-bg-surface);--wb-fg1:var(--color-fg-1);--wb-fg2:var(--color-fg-2);--wb-fg3:var(--color-fg-3);--wb-primary:var(--color-primary);--wb-primary-50:var(--color-primary-50);--wb-primary-100:var(--color-primary-100);--wb-primary-hover:var(--color-primary-hover);--wb-border:var(--color-border-default);--wb-font-display:var(--font-body);--wb-font-body:var(--font-display);--wb-ease:var(--ease-brand);--wb-duration:var(--duration-brand);--wb-shadow-popover:var(--shadow-popover)}@keyframes wb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes wb-fill{0%{clip-path:inset(100% 0 0)}55%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}@keyframes wb-indet{0%{width:40%;left:-40%}50%{width:55%;left:30%}to{width:40%;left:100%}}@keyframes wb-spin{to{transform:rotate(360deg)}}@keyframes wb-shimmer{to{transform:translate(100%)}}@keyframes wb-dot{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.wb-mark{background:var(--wb-primary-50);width:72px;height:72px;animation:wb-breathe 1.8s var(--wb-ease) infinite;border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.wb-mark.sm{border-radius:10px;width:44px;height:44px}.wb-mark svg{width:34px;height:34px;position:absolute}.wb-mark.sm svg{width:22px;height:22px}.wb-mark .icon-base{color:var(--wb-primary-100)}.wb-mark .icon-fill{color:var(--wb-primary);clip-path:inset(100% 0 0);animation:wb-fill 1.8s var(--wb-ease) infinite}.wb-loader-shell{z-index:100;background:var(--wb-bg-page);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wb-loader{flex-direction:column;align-items:center;gap:28px;width:320px;max-width:calc(100vw - 48px);display:flex}.wb-loader-word{font-family:var(--wb-font-body);letter-spacing:-.01em;color:var(--wb-fg1);font-size:22px;font-weight:700}.wb-loader-word .com{color:var(--wb-fg2)}.wb-track{background:var(--wb-border);border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden}.wb-track-bar{background:var(--wb-primary);width:40%;height:100%;animation:wb-indet 1.5s var(--wb-ease) infinite;border-radius:999px;position:absolute;top:0;left:0}.wb-loader-label{font-family:var(--wb-font-display);color:var(--wb-fg2);letter-spacing:.01em;min-height:18px;font-size:13px;transition:opacity .2s}.wb-spinner{border:2.5px solid var(--wb-border);border-top-color:var(--wb-primary);border-radius:50%;animation:.7s linear infinite wb-spin;display:inline-block}.wb-spinner.xs{border-width:2px;width:16px;height:16px}.wb-spinner.sm{width:22px;height:22px}.wb-spinner.md{border-width:3px;width:32px;height:32px}.wb-spinner.on-primary{border-color:#fff #fff6 #fff6}.wb-dots{align-items:center;gap:5px;display:inline-flex}.wb-dots span{background:var(--wb-primary);width:7px;height:7px;animation:wb-dot 1.2s var(--wb-ease) infinite;border-radius:50%}.wb-dots span:nth-child(2){animation-delay:.15s}.wb-dots span:nth-child(3){animation-delay:.3s}.wb-inline{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 24px;display:flex}.wb-inline .label{font-family:var(--wb-font-display);color:var(--wb-fg2);font-size:14px}.wb-sk{background:var(--wb-bg-alt);border-radius:4px;position:relative;overflow:hidden}.wb-sk:after{content:"";animation:wb-shimmer 1.4s var(--wb-ease) infinite;background:linear-gradient(90deg,#0000,#ffffffbf,#0000);position:absolute;inset:0;transform:translate(-100%)}.wb-sk.line{border-radius:3px;height:12px}.wb-sk.line.lg{height:16px}.wb-sk.chip{border-radius:4px;width:28px;height:28px}.wb-sk.circle{border-radius:50%}.wb-sk-card{background:var(--wb-bg-surface);border:1px solid var(--wb-border);border-radius:4px;overflow:hidden}.wb-sk-card .photo{background:var(--wb-bg-alt);height:180px;position:relative;overflow:hidden}.wb-sk-card .photo:after{content:"";animation:wb-shimmer 1.4s var(--wb-ease) infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);position:absolute;inset:0;transform:translate(-100%)}.wb-sk-card .body{flex-direction:column;gap:14px;padding:16px;display:flex}.wb-sk-card .price-row{align-items:center;gap:10px;display:flex}.wb-sk-card .metrics{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.wb-sk-card .metric{align-items:center;gap:8px;display:flex}.wb-sk-card .metric .txt{flex-direction:column;flex:1;gap:5px;display:flex}.wb-sk-grid{grid-template-columns:repeat(var(--cols,3), 1fr);gap:24px;display:grid}.wb-sk-rowlist{flex-direction:column;gap:16px;display:flex}.wb-sk-row{background:var(--wb-bg-surface);border:1px solid var(--wb-border);border-radius:4px;grid-template-columns:352px 1fr;display:grid;overflow:hidden}.wb-sk-row .photo{background:var(--wb-bg-alt);min-height:206px;position:relative;overflow:hidden}.wb-sk-row .photo:after{content:"";animation:wb-shimmer 1.4s var(--wb-ease) infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);position:absolute;inset:0;transform:translate(-100%)}.wb-sk-row .body{flex-direction:column;gap:16px;padding:16px 20px;display:flex}.wb-sk-row .metrics{grid-template-columns:repeat(4,1fr);gap:14px 16px;display:grid}.wb-sk-row .metric{align-items:center;gap:8px;display:flex}.wb-sk-row .metric .txt{flex-direction:column;flex:1;gap:5px;display:flex}.wb-sk-detail{grid-template-columns:1.5fr 1fr;gap:28px;display:grid}.wb-sk-detail .hero{height:320px}.wb-sk-detail .side{flex-direction:column;gap:14px;display:flex}.wb-overlay-host{position:relative}.wb-overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f9fafbb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wb-overlay-box{background:var(--wb-bg-surface);border:1px solid var(--wb-border);box-shadow:var(--wb-shadow-popover);font-family:var(--wb-font-display);color:var(--wb-fg1);border-radius:4px;align-items:center;gap:14px;padding:18px 22px;font-size:14px;display:flex}@media (max-width:1000px){.wb-sk-row{grid-template-columns:1fr}.wb-sk-row .photo{height:200px;min-height:0}.wb-sk-row .metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.wb-sk-grid{--cols:1}.wb-sk-detail{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.wb-mark,.wb-track-bar,.wb-mark .icon-fill,.wb-spinner,.wb-dots span,.wb-sk:after,.wb-sk-card .photo:after{animation:none}.wb-mark .icon-fill{clip-path:inset(0)}.wb-dots span{opacity:.6}}
