.wba-values__head{margin-bottom:var(--wb-space-6)}.wba-values__head--center{text-align:center}.wba-values__ornament{margin:0}.wba-values__subheading{max-width:62ch}.wba-values__head--center .wba-values__subheading{margin-inline:auto}.wba-values__grid{display:grid;grid-template-columns:repeat(var(--wba-value-columns-mobile, 2),minmax(0,1fr));gap:var(--wb-space-5) var(--wb-space-4);margin:0;padding:0;list-style:none}.wba-value__inner{display:flex;flex-direction:column;align-items:center;gap:var(--wb-space-2);height:100%;text-align:center;color:inherit;text-decoration:none}.wba-value__icon{width:5.6rem;height:5.6rem;margin-bottom:var(--wb-space-2);padding:1.4rem;border-radius:var(--wb-radius-pill);background:var(--wba-icon-bg, var(--wb-color-surface-alt));color:var(--wba-accent, var(--wb-color-primary));transition:transform .3s ease,background-color .3s ease}.wba-value__title{margin:0;font-family:var(--wb-font-display);font-size:var(--wb-text-h4);font-weight:var(--wb-weight-display);line-height:var(--wb-leading-h4);color:var(--wba-heading, var(--wb-color-primary))}.wba-value__text{margin:0;max-width:28ch;font-size:var(--wb-text-sm);line-height:var(--wb-leading-body);color:var(--wb-color-muted);text-wrap:pretty}.wba-values--boxed .wba-value__inner{padding:var(--wb-space-5) var(--wb-space-4);border:1px solid var(--wb-color-border);border-radius:var(--wba-radius, var(--wb-radius-md));background:var(--wba-card-bg, var(--wb-color-surface-alt));transition:box-shadow .3s ease,transform .3s ease}.wba-values--boxed a.wba-value__inner:hover{box-shadow:var(--wb-shadow-md);transform:translateY(-.3rem)}a.wba-value__inner:hover .wba-value__icon{transform:translateY(-.3rem)}a.wba-value__inner:focus-visible{outline:none;border-radius:var(--wba-radius, var(--wb-radius-md));box-shadow:var(--wb-focus)}@media screen and (min-width:750px){.wba-values__head{margin-bottom:var(--wb-space-7)}.wba-values__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wb-space-6) var(--wb-space-5)}}@media screen and (min-width:990px){.wba-values__grid{grid-template-columns:repeat(var(--wba-value-columns, 4),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.wba-value__icon,.wba-values--boxed .wba-value__inner,a.wba-value__inner:hover .wba-value__icon,.wba-values--boxed a.wba-value__inner:hover{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/wobblebag-about-values.css.map */