.content-drawers-root{display:contents}.content-drawer{padding:0;border:0;background:transparent;max-width:100vw;max-height:100dvh;width:100%;height:100%;margin:0;position:fixed;top:0;right:0;bottom:0;left:0;overflow:visible}.content-drawer::backdrop{background:#0006}.content-drawer__panel{position:absolute;left:0;right:0;bottom:0;background-color:#fff;color:var(--color-foreground, inherit);border-top-left-radius:20px;border-top-right-radius:20px;height:clamp(320px,55dvh,450px);display:flex;flex-direction:column;box-shadow:0 -10px 40px #0000002e;padding-bottom:env(safe-area-inset-bottom,0);transform:translateY(var(--drag-y, 0px));transition:transform .22s cubic-bezier(.32,.72,0,1);touch-action:none;will-change:transform}.content-drawer[data-drawer-variant=explainer] .content-drawer__panel{touch-action:pan-y}.content-drawer[data-drawer-variant=explainer][data-drawer-height=sm] .content-drawer__panel{height:clamp(320px,55dvh,450px)}.content-drawer[data-drawer-variant=explainer][data-drawer-height=md] .content-drawer__panel{height:clamp(420px,70dvh,620px)}.content-drawer[data-drawer-variant=explainer][data-drawer-height=lg] .content-drawer__panel{height:clamp(520px,85dvh,800px)}.content-drawer[data-drawer-variant=explainer][data-drawer-height=xl] .content-drawer__panel{height:95dvh}.content-drawer[data-dragging=true] .content-drawer__panel,.content-drawer[data-dragging=true] .content-drawer__panel *{user-select:none;-webkit-user-select:none}.content-drawer[data-dragging=true] .content-drawer__panel{transition:none}.content-drawer[open] .content-drawer__panel{animation:content-drawer-in .22s cubic-bezier(.32,.72,0,1)}.content-drawer[data-closing=true] .content-drawer__panel{animation:content-drawer-out .18s cubic-bezier(.4,0,1,1) forwards}.content-drawer[open]::backdrop{animation:content-drawer-backdrop-in .22s ease-out}.content-drawer[data-closing=true]::backdrop{animation:content-drawer-backdrop-out .18s ease-out forwards}@keyframes content-drawer-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes content-drawer-out{0%{transform:translateY(var(--drag-y, 0px))}to{transform:translateY(100%)}}@keyframes content-drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes content-drawer-backdrop-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.content-drawer[open] .content-drawer__panel,.content-drawer[data-closing=true] .content-drawer__panel,.content-drawer[open]::backdrop,.content-drawer[data-closing=true]::backdrop{animation:none!important}.content-drawer__panel{transition:none!important}}.content-drawer__grabber{padding:10px 0 4px;display:flex;justify-content:center;cursor:grab;flex-shrink:0}.content-drawer[data-dragging=true] .content-drawer__grabber{cursor:grabbing}.content-drawer__grabber-line{width:50px;height:4px;border-radius:9999px;background-color:#000;opacity:.15}.content-drawer__close{position:absolute;top:18px;right:15px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#0000000f;border:0;border-radius:50%;color:inherit;cursor:pointer;transition:background-color .15s ease;z-index:2}.content-drawer__close:hover{background:#0000001f}.content-drawer__close:focus-visible{outline:2px solid var(--color-foreground, currentColor);outline-offset:2px}.content-drawer__close-icon{display:block}.content-drawer__content{flex:1;min-height:0;display:flex;justify-content:center;overflow:hidden;padding:8px 20px 28px}.content-drawer[data-drawer-variant=explainer] .content-drawer__content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 20px 24px;align-items:flex-start}.content-drawer[data-drawer-variant=explainer] .content-drawer__content{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.content-drawer[data-drawer-variant=explainer] .content-drawer__content::-webkit-scrollbar{width:6px}.content-drawer[data-drawer-variant=explainer] .content-drawer__content::-webkit-scrollbar-track{background:transparent}.content-drawer[data-drawer-variant=explainer] .content-drawer__content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.content-drawer[data-drawer-variant=explainer] .content-drawer__content:focus-visible{outline:2px solid var(--color-foreground, currentColor);outline-offset:-2px;border-radius:4px}.content-drawer__body{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px}.content-drawer__logo-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:2px;max-width:120px;width:100%;margin-inline:auto}.content-drawer__logo{display:block;max-width:120px;max-height:64px;width:100%;height:auto;object-fit:contain}.content-drawer__headline{margin:0;font-size:20px;line-height:1.5;font-weight:500;text-wrap:balance;color:inherit}.content-drawer__text{margin:0;font-size:16px;line-height:1.5;color:inherit;opacity:.9;text-wrap:pretty}.content-drawer__link{margin-top:4px;font-weight:500;font-size:16px;color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.content-drawer__link:hover{text-decoration-thickness:2px}.content-drawer__link:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}.content-drawers-root .visually-hidden,.content-drawer .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hsa-explainer{--hsa-sky: #E5ECF2;--hsa-boysenberry: #1C0F4F;--hsa-ink: #0E2A3B;--hsa-ink-muted: #5C6A73;--hsa-line: #E4E8EC;--hsa-line-soft: #EEF0F3;--hsa-step-bg: #F4F5F7;--hsa-white: #FFFFFF;--hsa-focus-ring: 0 0 0 3px #FFFFFF, 0 0 0 5px var(--hsa-boysenberry);width:100%;max-width:560px;margin-inline:auto;color:var(--hsa-ink);font-family:Brown Pro,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.hsa-explainer__header{display:flex;justify-content:center;align-items:center;padding-top:6px;margin-bottom:20px}.hsa-explainer__logo{height:28px;width:auto;display:block}.hsa-explainer__title{font-family:var(--font-body-family);font-size:26px;line-height:1.2;font-weight:700;text-align:center;color:var(--hsa-ink);margin:0 0 22px;letter-spacing:-.01em;text-wrap:balance}.hsa-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--hsa-sky);border-radius:12px;padding:4px;margin-bottom:22px}.hsa-tab{background:transparent;border:none;padding:13px 8px;font-family:inherit;font-size:15px;font-weight:700;color:var(--hsa-ink);cursor:pointer;border-radius:9px;transition:background-color .2s ease,box-shadow .2s ease,color .15s ease;min-height:44px}.hsa-tab.is-active{background:var(--hsa-white);box-shadow:0 1px 3px #0e2a3b14}.hsa-tab:not(.is-active):hover{color:var(--hsa-boysenberry)}.hsa-tab:focus{outline:none}.hsa-tab:focus-visible{box-shadow:var(--hsa-focus-ring)}.hsa-panel{display:none}.hsa-panel.is-active{display:block}.hsa-panel:focus{outline:none}.hsa-panel:focus-visible{box-shadow:var(--hsa-focus-ring);border-radius:8px}.hsa-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.hsa-step{background:var(--hsa-step-bg);border-radius:16px;padding:18px 22px}.hsa-step__header{display:flex;align-items:flex-start;gap:14px}.hsa-step__num{width:32px;height:32px;min-width:32px;background:var(--hsa-boysenberry);color:var(--hsa-white);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.hsa-step__title{font-size:16px;font-weight:700;margin:0;color:var(--hsa-ink);line-height:1.4;padding-top:5px;font-family:var(--font-body-family)}.hsa-step__subline{display:block;font-weight:400;font-size:14px;color:var(--hsa-ink-muted);margin-top:3px}.hsa-step__copy{font-size:15px;font-weight:400;line-height:1.55;color:var(--hsa-ink);margin:10px 0 0}.hsa-step__illustration{background:var(--hsa-white);border-radius:12px;padding:18px;margin-top:14px}.hsa-pay__title{font-size:14px;font-weight:700;color:var(--hsa-ink);margin:0 0 3px}.hsa-pay__subtitle{font-size:12px;color:var(--hsa-ink-muted);margin:0 0 12px}.hsa-pay__note{font-size:12px;color:var(--hsa-ink);background:var(--hsa-step-bg);padding:9px 13px;margin:10px 0 0;border-radius:6px;line-height:1.4}.hsa-pay__option{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:8px;border:1.5px solid transparent}.hsa-pay__option+.hsa-pay__option{border-top:1px solid var(--hsa-line-soft);border-radius:0}.hsa-pay__option.is-selected{border:1.5px solid var(--hsa-boysenberry);border-radius:8px;margin-top:4px}.hsa-radio{width:17px;height:17px;border-radius:50%;border:1.5px solid #B5BDC5;flex-shrink:0;background:var(--hsa-white);position:relative}.hsa-radio.is-selected{border-color:var(--hsa-boysenberry);background:var(--hsa-boysenberry)}.hsa-radio.is-selected:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--hsa-white);border-radius:50%}.hsa-pay__label{font-size:14px;color:var(--hsa-ink);flex:1}.hsa-card-logos{display:flex;align-items:center;gap:5px}.hsa-card-chip{height:21px;min-width:32px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;letter-spacing:.02em;color:var(--hsa-ink);background:var(--hsa-sky);padding:0 6px}.hsa-flex-pill{background:var(--hsa-boysenberry);color:var(--hsa-white);font-family:inherit;font-size:13px;font-weight:700;padding:5px 12px;border-radius:5px;letter-spacing:-.02em;flex-shrink:0;line-height:1}.hsa-eligibility__prompt{display:flex;align-items:center;gap:9px;margin-bottom:12px}.hsa-eligibility__question{font-size:14px;color:var(--hsa-ink);line-height:1.4}.hsa-eligibility__input-row{display:flex;gap:9px}.hsa-eligibility__input-mock{flex:1;border:1px solid var(--hsa-line);border-radius:8px;padding:11px 13px;font-size:13px;color:var(--hsa-ink-muted);background:var(--hsa-white);display:flex;align-items:center}.hsa-eligibility__submit-mock{background:var(--hsa-boysenberry);border-radius:8px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--hsa-white)}.hsa-eligibility__submit-mock svg{width:17px;height:17px}.hsa-card-form__title{font-size:15px;font-weight:700;color:var(--hsa-ink);margin:0 0 14px}.hsa-card-form__row{margin-bottom:12px}.hsa-card-form__row:last-child{margin-bottom:0}.hsa-card-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.hsa-card-form__grid:last-child{margin-bottom:0}.hsa-card-form__field{min-width:0}.hsa-card-form__label{display:block;font-size:12px;font-weight:600;color:var(--hsa-ink);margin-bottom:5px}.hsa-card-form__input{position:relative;width:100%;min-height:40px;border:1px solid var(--hsa-line);border-radius:8px;padding:10px 13px;font-size:13px;background:var(--hsa-white);display:flex;align-items:center;box-sizing:border-box}.hsa-card-form__placeholder{color:var(--hsa-ink-muted)}.hsa-card-form__input--with-logos{padding-right:120px}.hsa-card-form__input-logos{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;gap:4px;pointer-events:none}.hsa-reimburse__heading{font-size:14px;font-weight:700;color:var(--hsa-ink);margin:0 0 9px;line-height:1.4}.hsa-reimburse__body{font-size:12px;color:var(--hsa-ink-muted);margin:0 0 16px;line-height:1.55}.hsa-reimburse__button-mock{display:inline-block;background:var(--hsa-boysenberry);color:var(--hsa-white);font-size:13px;font-weight:700;padding:11px 22px;border-radius:6px}.hsa-step__illustration--lmn{background:var(--hsa-step-bg);padding:20px 22px}.hsa-lmn{background:#eaecef;border-radius:8px;padding:26px 32px 36px;display:flex;flex-direction:column;gap:9px;position:relative}.hsa-lmn__line{height:5px;border-radius:3px;background:#d9dde3}.hsa-lmn__line--short{width:70%}.hsa-lmn__line--medium{width:90%}.hsa-lmn__line--long{width:100%}.hsa-lmn__label{align-self:center;background:var(--hsa-white);color:var(--hsa-boysenberry);font-weight:700;font-size:13px;padding:12px 24px;border-radius:5px;margin:9px 0;box-shadow:0 1px 3px #0000000f}.hsa-lmn__sig{margin-top:3px;color:var(--hsa-ink);opacity:.7}.hsa-lmn__sig svg{width:56px;height:24px}@media(max-width:480px){.hsa-explainer__title{font-size:22px;margin-bottom:18px}.hsa-tab{font-size:14px;padding:12px 4px}.hsa-step{padding:16px}.hsa-step__title{font-size:15px}.hsa-step__illustration{padding:15px}.hsa-pay__option{padding:11px 12px;gap:9px}.hsa-pay__label{font-size:13px}.hsa-card-form__grid{grid-template-columns:1fr;gap:12px}.hsa-lmn{padding:20px 18px 26px}}@media(min-width:768px){.content-drawer__panel{position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translate(-50%,-50%) translateY(var(--drag-y, 0px));width:min(480px,calc(100vw - 48px));height:auto;max-height:min(60dvh,560px);min-height:280px;border-radius:16px}.content-drawer[data-drawer-variant=explainer] .content-drawer__panel{width:min(620px,calc(100vw - 48px));min-height:360px}.content-drawer[data-drawer-variant=explainer][data-drawer-height=sm] .content-drawer__panel{max-height:min(55dvh,520px);height:auto}.content-drawer[data-drawer-variant=explainer][data-drawer-height=md] .content-drawer__panel{max-height:min(70dvh,640px);height:auto}.content-drawer[data-drawer-variant=explainer][data-drawer-height=lg] .content-drawer__panel{max-height:min(85dvh,780px);height:auto}.content-drawer[data-drawer-variant=explainer][data-drawer-height=xl] .content-drawer__panel{max-height:92dvh;height:auto}.content-drawer[data-drawer-variant=explainer] .content-drawer__panel{max-height:calc(100% - 40px)!important}.content-drawer[open] .content-drawer__panel{animation:content-drawer-in-desktop .18s cubic-bezier(.32,.72,0,1)}.content-drawer[data-closing=true] .content-drawer__panel{animation:content-drawer-out-desktop .15s ease-in forwards}.content-drawer__grabber{display:none}@keyframes content-drawer-in-desktop{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes content-drawer-out-desktop{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-46%)}}}@media(min-width:1200px){.content-drawer__panel{width:min(700px,calc(100vw - 48px))}.content-drawer[data-drawer-variant=explainer] .content-drawer__panel{width:min(640px,calc(100vw - 48px))}.content-drawer__content{padding-inline:50px}.content-drawer[data-drawer-variant=explainer] .content-drawer__content{padding-inline:32px}.content-drawer__body{max-width:100%}}@media(forced-colors:active){.content-drawer__panel{border:1px solid CanvasText}.content-drawer__grabber-line{background:CanvasText;opacity:1}.content-drawer__close{border:1px solid CanvasText}.hsa-tab.is-active{border:2px solid CanvasText}.hsa-step,.hsa-step__num{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/707/assets/section-content-drawers.css.map */