.yb-faq{background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);padding:56px 20px 72px}.yb-faq__inner{max-width:760px;margin:0 auto}.yb-faq__header{text-align:center;margin-bottom:44px}.yb-faq__pill{--yb-pill-ball: 40px;position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;height:calc(var(--yb-pill-ball) + 16px);min-width:230px;padding:0 26px;border-radius:999px;margin-bottom:22px;border:1px solid rgba(var(--color-foreground),.14);background:rgba(var(--color-foreground),.04);box-shadow:0 8px 20px rgba(var(--color-shadow),.12),0 2px 6px rgba(var(--color-shadow),.08),inset 0 1px #ffffff2e}.yb-faq__pill--accent{background:var(--yb-accent);border-color:var(--yb-accent)}.yb-faq__pill-ball{position:absolute;left:8px;top:50%;width:var(--yb-pill-ball);height:var(--yb-pill-ball);margin-top:calc(var(--yb-pill-ball) / -2);z-index:1;will-change:transform}.yb-faq__pill-img{width:100%;height:100%;object-fit:contain;display:block}.yb-faq__pill-label{position:relative;z-index:2;font-size:1.1875rem;font-weight:600;letter-spacing:.005em;line-height:1}.yb-faq__pill--accent .yb-faq__pill-label{color:#fff}.yb-faq__pill-label--shimmer{background:linear-gradient(100deg,currentColor 42%,rgba(255,255,255,.4) 50%,currentColor 58%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:yb-faq-shimmer 6s ease-in-out infinite alternate}.yb-faq__eyebrow{margin:0 0 10px;font-size:.8125rem;font-weight:600;letter-spacing:.01em;opacity:.62}.yb-faq__heading{margin:0 0 14px;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(1.85rem,5vw,2.85rem);line-height:1.1;letter-spacing:-.01em}.yb-faq__subhead{margin:0 auto;max-width:60ch;font-size:1.0625rem;line-height:1.55;opacity:.78}.yb-faq__subhead p{margin:0}.yb-faq__group-heading{font-family:var(--font-heading-family);font-size:1.15rem;font-weight:700;margin:38px 0 14px;padding-bottom:0}.yb-faq__groups>.yb-faq__group-heading:first-child{margin-top:0}.yb-faq__group-cards{display:flex;flex-direction:column;gap:12px}.yb-faq__card{border:1px solid rgba(var(--color-foreground),.12);border-radius:20px;background:rgba(var(--color-foreground),.03);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.yb-faq--lift .yb-faq__card:hover,.yb-faq--lift .yb-faq__card:focus-within{transform:translateY(-2px);border-color:rgba(var(--color-foreground),.22);box-shadow:0 8px 24px rgba(var(--color-shadow),.08)}.yb-faq__summary{display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none;font-family:var(--font-heading-family);font-weight:600;font-size:1.0625rem;line-height:1.4}.yb-faq__summary::-webkit-details-marker{display:none}.yb-faq__summary::marker{content:""}.yb-faq__q{flex:1 1 auto;margin:0;font:inherit}.yb-faq__tag{flex:0 0 auto;font-size:.6875rem;font-weight:600;padding:3px 9px;border-radius:999px;background:rgba(var(--color-foreground),.06);opacity:.7}.yb-faq__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:1px solid rgba(var(--color-foreground),.16);color:rgba(var(--color-foreground),.7);background:transparent;transition:background .2s ease,color .2s ease,border-color .2s ease}.yb-faq--icons-filled .yb-faq__icon{background:var(--yb-accent);border-color:var(--yb-accent);color:#fff}.yb-faq__icon svg{transition:transform .28s ease}.yb-faq__summary:focus-visible{outline:2px solid var(--yb-accent);outline-offset:3px;border-radius:12px}.yb-faq:not(.yb-faq--js) .yb-faq__card[open] .yb-faq__icon{background:transparent;color:var(--yb-accent);border-color:var(--yb-accent)}.yb-faq:not(.yb-faq--js) .yb-faq__card[open] .yb-faq__icon svg{transform:rotate(45deg)}.yb-faq--js .yb-faq__card.is-open .yb-faq__icon{background:transparent;color:var(--yb-accent);border-color:var(--yb-accent)}.yb-faq--js .yb-faq__card.is-open .yb-faq__icon svg{transform:rotate(45deg)}.yb-faq--highlight-open:not(.yb-faq--js) .yb-faq__card[open],.yb-faq--highlight-open.yb-faq--js .yb-faq__card.is-open{border-color:var(--yb-accent)}.yb-faq__panel{display:grid;grid-template-rows:1fr}.yb-faq--js .yb-faq__panel{grid-template-rows:0fr;transition:grid-template-rows .32s ease}.yb-faq--js .yb-faq__card.is-open .yb-faq__panel{grid-template-rows:1fr}.yb-faq__panel-inner{overflow:hidden;min-height:0}.yb-faq__answer{padding:0 20px 20px;font-size:1rem;line-height:1.6;opacity:.82}.yb-faq__answer p{margin:0 0 .85em}.yb-faq__answer p:last-child{margin-bottom:0}.yb-faq__answer a{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.yb-faq__answer a:hover,.yb-faq__answer a:focus-visible{text-decoration-color:var(--yb-accent)}@keyframes yb-faq-roll{0%{transform:translate(0) rotate(0)}to{transform:translate(var(--yb-roll-x, 0px)) rotate(var(--yb-roll-deg, 0deg))}}.yb-faq__pill-ball--roll{animation:yb-faq-roll 6s ease-in-out infinite alternate}@keyframes yb-faq-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes yb-faq-bounce{0%{transform:translate(0)}to{transform:translate(12px)}}.yb-faq__pill-ball--bounce{animation:yb-faq-bounce 2.6s ease-in-out infinite alternate}@keyframes yb-faq-spin{to{transform:rotate(360deg)}}.yb-faq__pill-ball--spin{animation:yb-faq-spin 4.5s linear infinite}@media(prefers-reduced-motion:reduce){.yb-faq__card,.yb-faq__icon,.yb-faq__icon svg,.yb-faq--js .yb-faq__panel{transition:none!important}.yb-faq__pill-ball--roll,.yb-faq__pill-ball--bounce,.yb-faq__pill-ball--spin{animation:none!important}.yb-faq__pill-label--shimmer{animation:none!important;background:none;-webkit-text-fill-color:currentColor}}@media screen and (max-width:480px){.yb-faq{padding:40px 16px 56px}.yb-faq__summary,.yb-faq__answer{padding-left:16px;padding-right:16px}}.yardball-what-is{--yb-cream: #f5efe2;--yb-cream-2: #efe6d3;--yb-coral: #f15a4e;--yb-coral-ink: #d94638;--yb-sky: #5fc4db;--yb-sky-deep: #3fafcb;--yb-ink: #1a1714;--yb-ink-soft: #3a3530;--yb-tan: #d9cebe;--yb-tan-dark: #b8a98f;--yb-white: #ffffff;--yb-font: "Work Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--yb-shadow-btn: 0 3px 0 #b8372c, 0 6px 14px rgba(26, 23, 20, .18);font-family:var(--yb-font);color:var(--yb-ink);background:var(--yb-cream);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;box-sizing:border-box}.yardball-what-is *,.yardball-what-is *:before,.yardball-what-is *:after{box-sizing:border-box}.yardball-what-is img{max-width:100%;display:block}.yardball-what-is a{color:var(--yb-coral-ink);text-decoration:none}.yardball-what-is a:hover{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:3px}.yardball-what-is .yb-hero{position:relative;background:var(--yb-cream);color:var(--yb-ink);overflow:hidden;padding:28px 22px 40px}.yardball-what-is .yb-hero__frame{position:relative;max-width:1180px;margin:0 auto;border:2px solid var(--yb-coral);border-radius:14px;padding:38px 36px 44px;background:var(--yb-cream);overflow:hidden}.yardball-what-is .yb-hero__corner{position:absolute;left:0;bottom:0;width:clamp(80px,14vw,160px);height:clamp(80px,14vw,160px);background:var(--yb-sky);clip-path:polygon(0 0,0 100%,100% 100%);pointer-events:none}.yardball-what-is .yb-hero__inner{position:relative;display:grid;grid-template-columns:1fr;gap:28px;align-items:center}.yardball-what-is .yb-hero h1{font-family:var(--yb-font);font-weight:800;font-size:clamp(40px,7.4vw,84px);line-height:1;letter-spacing:-.01em;margin:0 0 14px;color:var(--yb-ink);text-wrap:balance}.yardball-what-is .yb-hero h1 em{font-style:normal;color:var(--yb-coral);text-shadow:1px 1px 0 var(--yb-sky),2px 2px 0 var(--yb-sky),3px 3px 0 var(--yb-sky),4px 4px 0 var(--yb-sky),5px 5px 0 var(--yb-sky),6px 6px 0 var(--yb-sky),7px 7px 0 var(--yb-sky),8px 8px 0 var(--yb-sky)}.yardball-what-is .yb-hero__sub{font-size:clamp(18px,2.2vw,22px);font-weight:600;max-width:30ch;margin:0 0 24px;color:var(--yb-ink)}.yardball-what-is .yb-btn{display:inline-flex;align-items:center;gap:10px;background:var(--yb-coral);color:var(--yb-white);border:0;border-radius:999px;padding:14px 26px;font-family:var(--yb-font);font-weight:700;font-size:16px;letter-spacing:.01em;cursor:pointer;box-shadow:var(--yb-shadow-btn);transition:transform .08s ease,box-shadow .08s ease,background .15s,color .15s;text-decoration:none}.yardball-what-is .yb-btn:hover{transform:translateY(-1px);text-decoration:none}.yardball-what-is .yb-btn:active{transform:translateY(2px);box-shadow:0 1px #b8372c,0 3px 6px #1a17142e}.yardball-what-is .yb-btn .arrow{font-weight:900}.yardball-what-is .yb-hero__media{position:relative;align-self:center;display:grid;place-items:center;padding:22px 0}.yardball-what-is .yb-diamond{position:relative;width:clamp(180px,26vw,260px);aspect-ratio:1 / 1;transform:rotate(45deg);background:var(--yb-cream);border:4px solid var(--yb-ink);box-shadow:0 18px 36px #1a171438;overflow:hidden;border-radius:4px}.yardball-what-is .yb-diamond img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:rotate(-45deg) scale(1.42);transform-origin:center}@media(min-width:860px){.yardball-what-is .yb-hero{padding:44px 28px 56px}.yardball-what-is .yb-hero__inner{grid-template-columns:1.15fr .85fr;gap:48px}}.yardball-what-is .yb-article{max-width:820px;margin:0 auto;padding:64px 22px 88px}.yardball-what-is .yb-article>section+section{margin-top:56px}.yardball-what-is .yb-article h2{font-size:clamp(28px,3.4vw,38px);font-weight:800;line-height:1.1;margin:0 0 18px;letter-spacing:-.01em}.yardball-what-is .yb-article p{margin:0 0 18px;font-size:18px;line-height:1.7;color:var(--yb-ink);text-wrap:pretty}.yardball-what-is .yb-speccard{margin:28px 0 6px;background:var(--yb-coral);color:var(--yb-white);border-radius:18px;padding:26px;position:relative;box-shadow:0 10px #b8372c8c,0 14px 30px #1a171426;border:2px solid var(--yb-ink)}.yardball-what-is .yb-speccard__label{position:absolute;top:-14px;left:22px;background:var(--yb-cream);color:var(--yb-ink);border:2px solid var(--yb-ink);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.yardball-what-is .yb-speccard__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.yardball-what-is .yb-speccard__k{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.9;margin-bottom:4px}.yardball-what-is .yb-speccard__v{font-size:clamp(22px,3vw,28px);font-weight:800;line-height:1.1}.yardball-what-is .yb-speccard__note{font-size:.55em;font-weight:700;opacity:.85}.yardball-what-is .yb-speccard__v--material{font-size:clamp(16px,1.7vw,18px);line-height:1.3}.yardball-what-is .yb-speccard__v--place{font-size:clamp(18px,2vw,22px);line-height:1.2}.yardball-what-is .yb-speccard__divider{grid-column:1 / -1;height:1px;background-image:linear-gradient(to right,rgba(255,255,255,.7) 50%,transparent 0);background-size:10px 1px;background-repeat:repeat-x;margin:4px 0}@media(min-width:640px){.yardball-what-is .yb-speccard__grid{grid-template-columns:repeat(4,1fr)}.yardball-what-is .yb-speccard__divider{display:none}}.yardball-what-is .yb-tablewrap{margin:28px 0 4px;border:2px solid var(--yb-ink);border-radius:16px;overflow:hidden;background:var(--yb-white);box-shadow:0 8px 0 var(--yb-tan),0 10px 24px #1a171414}.yardball-what-is .yb-tablescroll{overflow-x:auto}.yardball-what-is .yb-table{width:100%;border-collapse:collapse;font-size:16px;min-width:520px}.yardball-what-is .yb-table thead th{background:var(--yb-sky);color:var(--yb-white);text-align:left;padding:14px 16px;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;border-right:1px dashed rgba(255,255,255,.45)}.yardball-what-is .yb-table thead th:last-child{border-right:0}.yardball-what-is .yb-table thead th.yb-col-yardball{background:var(--yb-coral)}.yardball-what-is .yb-table tbody td{padding:14px 16px;vertical-align:top;border-top:1px dashed var(--yb-tan);border-right:1px dashed var(--yb-tan)}.yardball-what-is .yb-table tbody td:last-child{border-right:0}.yardball-what-is .yb-table tbody tr:nth-child(odd) td{background:var(--yb-cream)}.yardball-what-is .yb-table tbody td:first-child{font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--yb-ink-soft);width:22%}.yardball-what-is .yb-table tbody td.yb-col-yardball{font-weight:700;color:var(--yb-coral-ink);background:#fff2f0!important}.yardball-what-is .yb-pullquote{margin:10px 0 24px;padding:22px 0;text-align:center;font-size:clamp(26px,4vw,40px);font-weight:800;line-height:1.15;color:var(--yb-coral);border-top:2px dashed var(--yb-tan-dark);border-bottom:2px dashed var(--yb-tan-dark);letter-spacing:-.01em}.yardball-what-is .yb-faq{margin-top:24px;border-top:2px dashed var(--yb-tan-dark);background:var(--yb-cream)}.yardball-what-is .yb-faq details{padding:18px 4px;background:var(--yb-cream)}.yardball-what-is .yb-faq details+details{border-top:1px solid rgba(184,169,143,.35)}.yardball-what-is .yb-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;font-weight:700;font-size:19px;color:var(--yb-ink);padding:2px 0;background:var(--yb-cream)}.yardball-what-is .yb-faq summary::-webkit-details-marker{display:none}.yardball-what-is .yb-faq summary::marker{content:""}.yardball-what-is .yb-faq summary .yb-q{flex:1;text-wrap:pretty}.yardball-what-is .yb-faq summary .yb-marker{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--yb-coral);border:2px solid var(--yb-coral);color:var(--yb-white);font-weight:900;font-size:20px;line-height:1;transition:background .2s ease}.yardball-what-is .yb-faq summary .yb-marker:before{content:"+"}.yardball-what-is .yb-faq details[open] summary .yb-marker{background:var(--yb-coral);color:var(--yb-white)}.yardball-what-is .yb-faq details[open] summary .yb-marker:before{content:"-"}.yardball-what-is .yb-faq details[open] summary .yb-q{color:var(--yb-coral-ink);background-image:linear-gradient(to right,var(--yb-coral) 50%,transparent 0);background-position:0 100%;background-size:8px 2px;background-repeat:repeat-x;padding-bottom:4px}.yardball-what-is .yb-faq .yb-a{margin:10px 0 2px 48px;font-size:17px;line-height:1.65;color:var(--yb-ink-soft);max-width:66ch;background:var(--yb-cream)}.yardball-what-is .yb-cta{margin-top:64px;background:var(--yb-cream-2);border:2px dashed var(--yb-tan-dark);border-radius:20px;padding:32px;text-align:center}.yardball-what-is .yb-cta h3{font-size:clamp(24px,3vw,30px);font-weight:800;margin:0 0 10px}.yardball-what-is .yb-cta p{margin:0 0 20px;color:var(--yb-ink-soft)}.yardball-what-is ::selection{background:var(--yb-coral);color:var(--yb-white)}
/*# sourceMappingURL=/cdn/shop/t/13/compiled_assets/styles.css.map */