.ob-home-intro.ob-intro{display:flex;flex-direction:column;align-items:center;gap:28px;padding:18px 0 8px;text-align:center}.ob-home-intro h1{max-width:22ch;margin:0;font-size:36px;font-weight:700;letter-spacing:-.8px;line-height:1.25}.ob-home-search-bar{box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;gap:4px;width:100%;max-width:880px;min-width:0;padding:3px;border:1px solid #ccc;border-radius:999px;background:#fff;box-shadow:0 2px 5px #00000008}.ob-home-search{position:relative;display:flex;flex:1 1 0%;min-width:0;margin:0}.ob-home-search input[type=search]{box-sizing:border-box;width:100%;min-width:0;height:48px;margin:0;padding:10px 8px 10px 48px;border:0;border-radius:999px;background:#fff;color:var(--ob-ink);font-family:inherit;font-size:18px;line-height:1.4}.ob-home-search input::placeholder{color:#777;opacity:1}.ob-home-search button{position:absolute;inset:2px auto 2px 2px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#666;cursor:pointer}.ob-home-search button:hover{background:#f3f3f3}.ob-home-upload{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;flex:0 0 auto;height:48px;min-width:48px;padding:0 18px;border:0;border-radius:999px;background:#f3f3f3;color:#333;font-size:16px;font-weight:600;text-decoration:none;white-space:nowrap}.ob-home-upload svg{display:block;width:22px;height:22px;margin:0;padding:0;transform:none;flex:0 0 22px}.ob-home-upload:hover{background:#e8e8e8;color:#17191b}.ob-home-upload:focus-visible,.ob-home-badge--shipping:focus-visible{outline:2px solid #333;outline-offset:3px}.ob-home-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:24px}.ob-home-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:999px;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none}.ob-home-badge svg{display:block;width:20px;height:20px;flex:0 0 20px}.ob-home-badge--minimum{background:#ccefd5;color:#146333}.ob-home-badge--shipping{background:#f2f3f4;color:#333}.ob-home-badge--shipping:hover{background:#e7e9eb}.ob-home-product-placeholder{min-height:280px;border-radius:12px;background:linear-gradient(#f5f5f5 70%,#fafafa 70%)}.ob-home-products-status{margin:12px 0;color:#666;font-size:14px}@media(max-width:767px){.ob-home-intro.ob-intro{align-items:center;gap:26px;padding:8px 0 0;text-align:center}.ob-home-intro h1{max-width:20ch;font-size:28px;letter-spacing:-.5px}.ob-home-search input[type=search]{font-size:16px;height:40px;padding-left:36px}.ob-home-search button{inset:0 auto 0 0;width:36px;height:40px}.ob-home-search button svg{width:20px;height:20px}.ob-home-upload{flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:0;gap:0;border-radius:50%}.ob-home-upload-label{display:none}.ob-home-upload svg{width:20px;height:20px;flex-basis:20px}.ob-home-badges{gap:8px;margin-top:18px}.ob-home-badge{padding:10px 12px;font-size:13px}}.ob-home-intro .ob-home-value{max-width:48ch;margin:-12px 0 0;color:#686868;font-size:16px;line-height:1.5}.ob-access-intro{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:460px;margin-top:0}.ob-access-intro>.ob-access-button{background:#353535;color:#fff;border-color:#353535;padding:13px 22px;min-height:48px;font-size:15px}.ob-access-intro p,.ob-access-pending{font-size:14px;line-height:1.5;color:#686868;margin:0}.ob-access-intro>a:last-child{font-size:13px;text-decoration:underline;text-underline-offset:3px}.ob-home-po-help{font-size:13px;color:#5f5f5f;text-decoration:underline;text-underline-offset:3px;margin-top:-10px}.ob-why,.ob-home-how{margin:56px 0}.ob-why h2,.ob-home-how h2{font-size:24px;font-weight:600;letter-spacing:-.3px;margin:0 0 22px}.ob-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ob-benefits>div{border-top:2px solid #d6d6d6;padding:18px 0}.ob-benefits h3{font-size:18px;font-weight:600;margin:0 0 8px}.ob-benefits p{font-size:15px;line-height:1.6;color:#686868;margin:0}.ob-home-how>a{font-size:14px;text-decoration:underline;text-underline-offset:3px}@media(max-width:767px){.ob-home-intro.ob-intro{gap:22px}.ob-home-intro .ob-home-value{font-size:14px;max-width:34ch;margin:-8px 0 0}.ob-home-po-help{margin-top:-8px;min-height:36px;display:flex;align-items:center}.ob-access-intro{gap:8px}.ob-access-intro p{font-size:13px}.ob-why,.ob-home-how{margin:36px 0}.ob-why h2,.ob-home-how h2{font-size:21px}.ob-benefits{grid-template-columns:1fr;gap:4px}.ob-benefits h3{font-size:17px}.ob-benefits p{font-size:14px}}@media(min-width:768px){.ob-home .ob-products-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.ob-home .ob-products-grid>.ob-product{max-width:280px;width:100%}}.ob-access-mobile,.ob-home-upload-mobile{display:none}@media(max-width:767px){.ob-home-intro.ob-intro{gap:14px;padding-top:4px}.ob-home-intro h1{font-size:26px;max-width:19ch;line-height:1.2}.ob-home-intro .ob-home-value{display:none}.ob-home-upload{width:auto;min-width:66px;flex-basis:auto;gap:4px;padding:0 9px;border-radius:100px}.ob-home-upload-mobile{display:inline;font-size:12px;font-weight:600}.ob-home-upload svg{width:18px;height:18px;flex-basis:18px}.ob-access-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;width:100%;max-width:400px;text-align:center}.ob-access-intro>.ob-access-button{grid-column:1;grid-row:1;min-height:44px;padding:10px 12px;font-size:14px}.ob-access-intro>a:last-child{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;font-size:14px}.ob-access-intro p{grid-column:1/-1;grid-row:2;font-size:12px;line-height:1.4}.ob-access-desktop{display:none}.ob-access-mobile{display:inline}.ob-home-badges{margin-top:12px;gap:6px}.ob-home-badge{font-size:12px;min-height:30px;padding:6px 10px}.ob-home-badge svg{width:16px;height:16px;flex-basis:16px}.ob-home-badges>a{display:none}.ob-home .ob-home-section{margin-top:26px}.ob-home .ob-section-heading{margin-bottom:14px}}.ob-access-intro>.ob-access-button{background:#202020;border-color:#202020}.ob-access-intro>.ob-access-button:hover{background:#3a3a3a;border-color:#3a3a3a}.ob-home-faq{max-width:880px}.ob-home-faq details{border-bottom:1px solid #e5e5e5}.ob-home-faq details:first-of-type{border-top:1px solid #e5e5e5}.ob-home-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;min-height:56px;padding:16px 0;color:#202020;font-size:16px;font-weight:600;line-height:1.4}.ob-home-faq summary::-webkit-details-marker{display:none}.ob-home-faq summary:after{content:"+";font-size:22px;font-weight:400;flex:none}.ob-home-faq details[open] summary:after{content:"\2212"}.ob-home-faq details p{max-width:70ch;margin:0;padding:0 28px 18px 0;color:#606060;font-size:15px;line-height:1.65}.ob-home-faq a{color:inherit;text-decoration:underline;text-underline-offset:3px}.ob-home-faq-support{margin:18px 0 0;font-size:14px;line-height:1.6;color:#606060}@media(max-width:767px){.ob-home-faq summary{font-size:15px}.ob-home-faq details p{font-size:14px}.ob-benefits>div{padding:14px 0}}.ob-access-intro{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:6px 18px;max-width:100%}.ob-access-intro>.ob-access-button{grid-column:1;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:auto;min-height:44px;padding:10px 18px;border:1px solid #cacaca;border-radius:999px;background:#fff;color:#222;font-size:14px;font-weight:600;box-shadow:none}.ob-access-intro>.ob-access-button:hover{background:#f5f5f5;border-color:#777;color:#111}.ob-access-intro>.ob-access-button span{font-size:18px;font-weight:400}.ob-access-intro>a:last-child{grid-column:2;grid-row:1;min-height:44px;display:flex;align-items:center;font-size:14px}.ob-access-intro>a:last-child .ob-access-desktop{display:none}.ob-access-intro p{grid-column:1/-1;grid-row:2;font-size:12px}@media(max-width:767px){.ob-access-intro{width:auto;gap:4px 16px}.ob-access-intro>.ob-access-button{padding:9px 15px;font-size:13px}.ob-home-intro.ob-intro{gap:18px}.ob-home-badges{margin-top:14px}.ob-home .ob-home-section{margin-top:28px}}.ob-home-faq summary:focus-visible{outline:2px solid #333;outline-offset:3px}.ob-access-intro>.ob-access-button{background:#f4f4f4;color:#222;border:1px solid #dedede;border-radius:10px;min-height:44px;text-decoration:none;line-height:1.4}.ob-access-intro>.ob-access-button:hover{background:#eaeaea;color:#111;border-color:#c5c5c5}.ob-access-intro>.ob-access-button:focus-visible{outline:2px solid #333;outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ob-home.css.map */