@layer urlc.reset,urlc.base,urlc.components,urlc.utilities;@layer urlc.reset{:where(.urlc *){box-sizing:border-box}:where(.urlc .visually-hidden){position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@layer urlc.base{:where(.urlc){--text: #0b1220;--muted: #5b6473;--surface: #ffffff;--bg: #fbfdff;--bg-ice: #f7fbff;--border: #e5e7eb;--border-strong:#d2d6db;--brand-600:#2563eb;--brand-700:#1d4ed8;--brand-50:#eef2ff;--ok:#147d64;--ok-bg:#e6f4f1;--warn:#a15c00;--warn-bg:#fff4e5;--bad:#b42318;--bad-bg:#feeceb;--radius-card:14px;--radius-input:12px;--shadow-card: 0 1px 2px rgba(16,24,40,.04), 0 4px 8px rgba(16,24,40,.06);--shadow-card-hover: 0 6px 14px rgba(16,24,40,.1);--font-size-base:16px;--font-size-sm:13px;--font-size-h1: clamp(28px, 4vw, 36px);--font-size-h2: clamp(20px, 2.2vw, 24px);--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;color:var(--text);background:var(--bg);line-height:1.55;font-size:var(--font-size-base);font-family:var(--font-sans, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color-scheme:light dark;accent-color:var(--brand-700)}:where(.urlc.variant-ice){background:var(--bg-ice)}:where(.urlc.variant-ice .card){border-color:#dfe7ff}@media (prefers-color-scheme: dark){:where(.urlc.variant-ice){background:#f7fbff;color-scheme:light}}:where(.urlc .urlc-center){display:flex;justify-content:center}:where(.urlc .wrap){width:100%}:where(.urlc .container){max-width:min(1080px,92vw);margin:0 auto;padding:var(--space-6)}:where(.urlc .page-width){max-width:none;padding:0}:where(.urlc .container.centerline){max-width:none;width:min(1400px,96vw);margin:0 auto;padding-left:clamp(16px,3vw,32px);padding-right:clamp(16px,3vw,32px)}:where(.urlc .grid.layout-centerline){display:grid;grid-template-columns:1fr minmax(360px,640px) minmax(280px,420px) 1fr;column-gap:24px;align-items:start;justify-items:stretch}:where(.urlc .grid.layout-centerline>.tool){grid-column:2}:where(.urlc .grid.layout-centerline>.aside){grid-column:3}}@layer urlc.components{:where(.urlc .hero){margin:var(--space-2) 0 var(--space-4)}:where(.urlc .hero .badge){display:inline-flex;gap:8px;align-items:center;background:var(--brand-700);color:#fff;padding:6px 10px;border-radius:999px;font:600 var(--font-size-sm)/1 var(--font-sans,ui-sans-serif,system-ui)}:where(.urlc .hero h1){font-size:var(--font-size-h1);line-height:1.2;letter-spacing:-.01em;margin:10px 0 6px;font-variation-settings:"opsz" 28}@supports (font-variation-settings: normal){:where(.urlc .hero h1){font-variation-settings:"opsz" 32}}:where(.urlc .hero .sub){max-width:70ch;color:var(--muted)}:where(.urlc .grid){display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-6);align-items:start}:where(.urlc .card){background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:box-shadow .2s ease,transform .2s ease}:where(.urlc .card:hover){box-shadow:0 1px 2px #10182808,0 6px 14px #10182814;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){:where(.urlc .card){transition:none}:where(.urlc .card:hover){transform:none}}:where(.urlc .card.tool){padding:var(--space-5);container-type:inline-size}:where(.urlc .card.aside){padding:14px;position:sticky;top:clamp(12px,env(safe-area-inset-top,0px) + 8px,24px)}:where(.urlc .hd){display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}:where(.urlc .title){font-size:var(--font-size-h2);line-height:1.25;margin:0;letter-spacing:-.01em}:where(.urlc .chip){font-size:var(--font-size-sm);color:var(--muted)}:where(.urlc .row){display:grid;grid-template-columns:1fr auto auto;gap:var(--space-2);align-items:center}@container (max-width: 560px){:where(.urlc .row){grid-template-columns:1fr}:where(.urlc .btn.primary){width:100%}}:where(.urlc input.url){min-height:44px;padding-inline-start:40px;padding-inline-end:12px;border:1px solid var(--border);border-radius:var(--radius-input);background:#fff;color:var(--text)}:where(.urlc input.url::placeholder){color:#9aa3af}:where(.urlc input.url:focus){outline:3px solid rgba(37,99,235,.25);border-color:var(--brand-600)}:where(.urlc .row:focus-within){outline:2px dashed rgba(37,99,235,.25);outline-offset:4px;border-radius:12px}:where(.urlc .btn){min-height:44px;border-radius:var(--radius-input);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#fff;color:var(--text);font-weight:600}:where(.urlc .btn.primary){background:var(--brand-700);color:#fff;border-color:var(--brand-700)}:where(.urlc .btn.ghost){background:#fff;color:var(--text);border:1px solid var(--border)}@media (prefers-reduced-motion: no-preference){:where(.urlc .btn:is(:hover,:focus-visible)){transform:translateY(-.5px)}}:where(.urlc .btn:is(:hover,:focus-visible)){filter:brightness(.98)}:where(.urlc .btn.is-loading){opacity:.75;cursor:wait}@media (pointer:coarse){:where(.urlc .btn,.urlc input.url){min-height:48px}}:where(.urlc .btn.paste){min-width:44px;padding:0 10px}:where(.urlc .help){display:block;margin-top:6px;color:var(--muted)}:where(.urlc .host){margin-top:8px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}:where(.urlc .chips){display:flex;flex-wrap:wrap;gap:var(--space-2);margin:10px 0 2px}:where(.urlc .chip-btn){border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 10px;font-size:var(--font-size-sm)}:where(.urlc .chip-btn:is(:hover,:focus-visible)){outline:3px solid rgba(37,99,235,.25)}:where(.urlc .callout.error){border:1px solid var(--bad);background:#fff5f5;color:#7f1d1d;border-radius:12px;padding:10px 12px}:where(.urlc .result){border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:16px;margin-top:16px}:where(.urlc .result.ok){border-color:var(--ok);background:var(--ok-bg)}:where(.urlc .result.warn){border-color:var(--warn);background:var(--warn-bg)}:where(.urlc .result.bad){border-color:var(--bad);background:var(--bad-bg)}:where(.urlc .row2){display:grid;grid-template-columns:12px 1fr;gap:12px;align-items:start}:where(.urlc .bar){width:12px;border-radius:999px;background:var(--border-strong)}:where(.urlc .result.ok .bar){background:var(--ok)}:where(.urlc .result.warn .bar){background:var(--warn)}:where(.urlc .result.bad .bar){background:var(--bad)}:where(.urlc .badge){display:inline-flex;align-items:center;gap:8px;background:var(--brand-700);color:#fff;padding:6px 10px;border-radius:999px;font-weight:600;font-size:var(--font-size-sm);margin-bottom:8px}:where(.urlc .meter){height:8px;border-radius:999px;background:#eef2ff;overflow:hidden;margin:8px 0}:where(.urlc .meter .fill){height:100%;width:0;transition:width .5s;background:var(--brand-600)}@media (prefers-reduced-motion:reduce){:where(.urlc .meter .fill){transition:none}}:where(.urlc .d.mono.truncate){font-family:ui-monospace,SFMono-Regular,Menlo,monospace;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}:where(.urlc details.res){margin-top:10px}:where(.urlc details.res summary){cursor:pointer;color:var(--brand-700)}:where(.urlc .aside .block){border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:14px;margin-bottom:12px}:where(.urlc .aside h3){font-size:13px;letter-spacing:.06em;text-transform:uppercase;opacity:.9;margin:0 0 8px}:where(.urlc .swipe-bullets){margin:0;padding-left:18px}:where(.urlc .swipe-bullets li){margin:6px 0}:where(.urlc a:focus-visible,.urlc button:focus-visible,.urlc input:focus-visible,.urlc summary:focus-visible){outline:3px solid rgba(37,99,235,.35);outline-offset:2px}:where(.urlc .safe-msg){margin:8px 0 12px;padding:10px 12px;border-radius:10px;border:1px solid #34d399;background:#e7f8f1;color:#0f5132;font-weight:600}}@layer urlc.utilities{@media (max-width: 880px){.urlc .grid{grid-template-columns:1fr}}@media (max-width: 560px){.urlc .row{grid-template-columns:1fr}.urlc .btn.primary{width:100%}}.urlc input.url:invalid{border-color:#ef4444;outline:3px solid rgba(239,68,68,.15)}.urlc .btn[disabled],.urlc .btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}@supports (selector(:has(*))){.urlc .row:has(input.url:focus){outline:2px dashed rgba(37,99,235,.25);outline-offset:4px;border-radius:12px}.urlc .row:has(input.url:invalid){outline:2px dashed rgba(239,68,68,.25);outline-offset:4px;border-radius:12px}}.urlc .acc-body,.urlc .res,.urlc .reason,.urlc .d,.urlc .sub{overflow-wrap:anywhere;word-break:break-word}@supports (text-wrap: balance){.urlc .hero h1,.urlc .title{text-wrap:balance}}@supports (text-wrap: pretty){.urlc .sub,.urlc .acc-body{text-wrap:pretty}}@media (prefers-contrast: more){.urlc .card,.urlc .result,.urlc .aside .block{border-width:2px}.urlc a,.urlc details.res summary{text-decoration:underline}}@media (forced-colors: active){.urlc .btn.primary{border:1px solid ButtonText}.urlc .result{border-style:solid}}.urlc .result.ok{background:color-mix(in oklab,var(--ok-bg) 85%,white)}.urlc .result.warn{background:color-mix(in oklab,var(--warn-bg) 85%,white)}.urlc .result.bad{background:color-mix(in oklab,var(--bad-bg) 85%,white)}@media print{.urlc .card,.urlc .result,.urlc .aside .block{box-shadow:none;border:0}.urlc .btn{display:none}.urlc .hero{margin:0 0 8px}}}@media (prefers-color-scheme: dark){@layer urlc.base{:where(.urlc){--surface:#0f172a;--bg:#0b1220;--bg-ice:#0b1220;--border:#1f2937;--text:#e5e7eb;--muted:#9aa3af;--ok-bg:#0f2a24;--warn-bg:#2a200f;--bad-bg:#2a0f0f}}@layer urlc.components{:where(.urlc .card,.urlc .result,.urlc .aside .block){background:var(--surface);border-color:var(--border)}:where(.urlc input.url){background:#0b1220;color:var(--text);border-color:var(--border)}:where(.urlc .chip-btn){background:#0f172a}:where(.urlc .callout.error){background:#2b1212;color:#fecaca}}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/urlc.css.map */