.badges{--bg: #0b0b0b;--panel: #121314;--panel-2: #0f1012;--text: #e8eaed;--muted: #b3bac5;--accent: #15f3a1;--ring: rgba(86,255,208,.35);--fs-title: 22px;--fs-subtitle: 15px;--fs-card-title: 16px;--fs-card-text: 14px;--lh-display: 1.25;--lh-body: 1.6;--radius: 18px;--chip: 42px;--icon: 22px;--gap: 18px;--pad: 20px;--max-line: 72ch;--shadow: 0 10px 30px rgba(0,0,0,.35), 0 6px 18px rgba(21,243,161,.07)}@media (min-width:421px) and (max-width:767px){.badges{--fs-title: 24px;--fs-subtitle: 16px;--fs-card-title: 16px;--fs-card-text: 15px;--pad: 22px;--gap: 18px}}@media (min-width:768px) and (max-width:1023px){.badges{--fs-title: 28px;--fs-subtitle: 17px;--fs-card-title: 18px;--fs-card-text: 15px;--pad: 24px;--gap: 20px}}@media (min-width:1024px){.badges{--fs-title: 32px;--fs-subtitle: 18px;--fs-card-title: 18px;--fs-card-text: 15px;--pad: 24px;--gap: 20px}}@media (min-width:1440px){.badges{--fs-title: 36px;--fs-subtitle: 18px;--fs-card-title: 18px;--fs-card-text: 15px;--pad: 26px;--gap: 22px}}.badges{background:var(--bg);color:var(--text)}.badges *{box-sizing:border-box}.badges__container{max-width:1200px;margin-inline:auto;padding:24px max(16px,env(safe-area-inset-left)) 16px max(16px,env(safe-area-inset-right))}.badges__title{margin:0 0 8px;font:700 var(--fs-title)/var(--lh-display) "Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.005em;color:var(--text);text-transform:none;text-wrap:balance}.badges__subtitle{margin:0 0 24px;color:var(--muted);font-size:var(--fs-subtitle);line-height:var(--lh-body);max-width:var(--max-line);text-wrap:pretty}@media (max-width:767px){.badges__title,.badges__subtitle{text-align:center}.badges__subtitle{margin-inline:auto}}.badges__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--gap);grid-template-columns:1fr}@media (min-width:768px) and (max-width:1279px){.badges__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.badges__list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.badges__subtitle{margin-bottom:28px}}.wb-card{position:relative;display:grid;grid-template-columns:var(--chip) 1fr;grid-auto-rows:min-content;align-content:start;gap:12px;padding:var(--pad);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow);height:100%;isolation:isolate;color:var(--text)}.wb-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(145deg,#15f3a11f,#fff0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}@media (hover:hover){.wb-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.wb-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px #00000073,0 10px 28px #15f3a11a;border-color:var(--ring)}}.wb-card:focus-within{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.wb-card{transition:none!important}}.wb-card__icon{grid-row:1 / span 2;display:grid;place-items:center;width:var(--chip);height:var(--chip);border-radius:12px;background:#0d0f12;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff08;color:var(--text)}.wb-card__icon svg{width:var(--icon);height:var(--icon)}.wb-card__title{grid-column:2;margin:0;font-weight:700;font-size:var(--fs-card-title);line-height:1.25;letter-spacing:-.01em;color:var(--text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.5em}.wb-card__text{grid-column:2;margin:6px 0 0;color:var(--muted);line-height:var(--lh-body);font-weight:400;font-size:var(--fs-card-text);text-wrap:pretty}.wb-card__text br{display:none}.bullets{list-style:none;margin:0;padding:0}.bullets li{position:relative;padding-left:20px;margin-top:8px;color:var(--text);line-height:var(--lh-body)}.bullets li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:#15f3a1}@media (min-width:768px){.bullets li{margin-top:10px}}@media (max-width:420px){.bullets{font-size:15px}}@media (min-width:421px) and (max-width:767px){.bullets{font-size:16px}}@media (min-width:768px) and (max-width:1023px){.bullets{font-size:17px}}@media (min-width:1024px){.bullets{font-size:18px}}@media (max-width:767px){.badges__container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}.badges .badge{all:unset}.badges .badge{display:grid;grid-template-columns:var(--chip) 1fr;gap:12px;padding:var(--pad);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow);color:var(--text);height:100%;isolation:isolate}.badges .badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(145deg,#15f3a11f,#fff0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.badges{--link: #15f3a1;--link-hover: #19ffb3;--link-visited: #10c48a;--focus-ring: 2px solid rgba(21,243,161,.6)}.wb-card__title-link{color:var(--link);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;transition:color .15s ease,text-decoration-color .15s ease}.wb-card__title-link:hover,.wb-card__title-link:active{color:var(--link-hover);text-decoration-thickness:3px}.wb-card__title-link:visited{color:var(--link-visited)}.wb-card__title-link:focus-visible{outline:var(--focus-ring);border-radius:6px;text-decoration-thickness:3px}
/*# sourceMappingURL=/cdn/shop/t/10/assets/why-badges.css.map */