.contact-hub{--contact-surface: var(--color-surface, #fff);--contact-size: max(68px, 4.25rem);--contact-edge: max(var(--space-3), env(safe-area-inset-right));--contact-bottom: max(var(--space-3), env(safe-area-inset-bottom), var(--contact-clearance, 0px));position:fixed;z-index:calc(var(--layer-purchase) - 1);inset-inline-end:var(--contact-edge);inset-block-end:var(--contact-bottom);color:var(--color-text);font-size:var(--text-small);transition:bottom .18s var(--motion-easing),opacity .15s,visibility .15s}.contact-hub [hidden],.contact-hub[hidden]{display:none}.contact-hub[data-open]{z-index:calc(var(--layer-confirmation) - 1)}.contact-hub svg{inline-size:1.25rem;block-size:1.25rem;flex:0 0 auto}.contact-hub button,.contact-hub a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.contact-hub button{font:inherit;color:inherit;cursor:pointer}.contact-hub a{color:inherit;text-decoration:none}.contact-hub__toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:var(--contact-size);min-inline-size:var(--contact-size);padding:var(--space-3);border:1px solid rgb(0 0 0 / 16%);border-radius:var(--radius-action);background:var(--color-brand-orange);color:#000;box-shadow:0 2px 6px #00000024;transition:background-color var(--motion-feedback),color var(--motion-feedback)}.contact-hub[data-open] .contact-hub__toggle{background:var(--color-surface-inverse);color:var(--color-text-inverse)}.contact-hub__toggle svg{inline-size:1.5rem;block-size:1.5rem}.contact-hub__toggle>span{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.contact-hub__panel{display:flex;flex-direction:column;position:absolute;inset-inline-end:0;inset-block-end:calc(100% + var(--space-3));inline-size:min(23rem,calc(100vw - 2 * var(--contact-edge) - env(safe-area-inset-left)));max-block-size:min(38rem,calc(100dvh - var(--contact-bottom) - var(--contact-size) - 24px - env(safe-area-inset-top)));border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);border-radius:var(--radius-overlay);background:var(--contact-surface);box-shadow:0 8px 24px #0000001f;visibility:hidden;opacity:0;translate:0 6px;transition:opacity .16s,translate .16s,visibility 0s .16s}.contact-hub[data-open] .contact-hub__panel{visibility:visible;opacity:1;translate:0;transition-delay:0s}.contact-hub__header{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;column-gap:var(--space-2);flex:0 0 auto;padding:var(--space-4) var(--space-3) var(--space-2) var(--space-6)}.contact-hub h2{font-family:var(--font-body);font-size:1.25rem;font-weight:var(--font-weight-strong);line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}.contact-hub h2:focus{outline:none;box-shadow:none}.contact-hub__close{align-self:start}.contact-hub__back{grid-column:1 / -1;justify-self:start;display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:2.75rem;margin-block-start:var(--space-1);margin-inline-start:-.375rem;padding:0 var(--space-1);border:0;border-radius:var(--radius-control);background:transparent}.contact-hub__back svg{inline-size:1rem}.contact-hub__body{min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-6) var(--space-6);scrollbar-width:thin}.contact-hub__intro,.contact-hub__context{color:var(--color-text-muted);line-height:1.5;margin-block-end:var(--space-3)}.contact-hub__hours{margin-block-start:var(--space-4);padding-block-start:var(--space-3);border-block-start:1px solid var(--color-border);font-size:.75rem;line-height:1.5;color:var(--color-text-muted)}.contact-hub__hours span{display:block}.contact-hub__intents,.contact-hub__socials,.contact-hub__checklist{list-style:none;padding:0}.contact-hub__intents>li+li{border-block-start:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.contact-hub__intent{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);inline-size:100%;min-block-size:3.125rem;text-align:start;padding:var(--space-3) var(--space-2);border:0;border-radius:var(--radius-control);background:transparent;line-height:1.4;transition:background-color var(--motion-feedback),color var(--motion-feedback)}.contact-hub__intent svg{inline-size:1rem;block-size:1rem;color:var(--color-text-muted);transition:transform var(--motion-feedback),color var(--motion-feedback)}.contact-hub__secondary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-block-start:var(--space-4);padding-block-start:var(--space-3);border-block-start:1px solid var(--color-border)}.contact-hub__secondary p{max-inline-size:18ch;font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.contact-hub__socials{display:flex;gap:var(--space-1)}.contact-hub__social{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border:1px solid var(--color-border);border-radius:var(--radius-action)}.contact-hub__social svg{inline-size:1.1rem;block-size:1.1rem}.contact-hub__page{display:inline-flex;align-items:center;min-block-size:2.75rem;margin-block-start:var(--space-2);text-decoration:underline;text-underline-offset:.2em}.contact-hub__methods,.contact-hub__branches{display:grid;gap:var(--space-2)}.contact-hub__method{display:flex;align-items:center;gap:var(--space-3);inline-size:100%;min-block-size:4.5rem;padding:var(--space-3);text-align:start;border:0;border-radius:var(--radius-control);background:color-mix(in srgb,var(--color-text) 5%,transparent)}.contact-hub__method>svg{margin-inline-start:auto;inline-size:1rem}.contact-hub__method-icon{display:grid;place-items:center;flex:0 0 2.5rem;block-size:2.5rem;border:1px solid var(--color-border);border-radius:50%}.contact-hub__method strong{font-weight:var(--font-weight-strong)}.contact-hub__method-note{display:block;font-size:.75rem;color:var(--color-text-muted);margin-block-start:.125rem}.contact-hub__destination{display:flex;align-items:center;min-block-size:3.25rem;padding:var(--space-3);border-radius:var(--radius-control);background:color-mix(in srgb,var(--color-text) 5%,transparent)}.contact-hub__checklist{display:grid;gap:var(--space-3);margin-block:var(--space-4) var(--space-6)}.contact-hub__checklist li{display:flex;align-items:baseline;gap:var(--space-3);line-height:1.5}.contact-hub__checklist li:before{content:"";flex:0 0 .3rem;block-size:.3rem;border-radius:50%;background:currentColor}.contact-hub a.contact-hub__billing{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:3rem;padding:var(--space-3);border-radius:var(--radius-control);background:var(--color-surface-inverse);color:var(--color-text-inverse);line-height:1.4}.contact-hub :is(a,button):focus-visible{outline:2px solid var(--color-text);outline-offset:3px;box-shadow:0 0 0 3px var(--contact-surface)}.contact-hub :is(a,button):active{opacity:.8}@media(hover:hover)and (pointer:fine){.contact-hub .contact-hub__toggle:hover{background:var(--color-surface-inverse);color:var(--color-text-inverse)}.contact-hub .contact-hub__intent:hover{background:color-mix(in srgb,var(--color-accent) 10%,var(--contact-surface));color:var(--color-accent)}.contact-hub__intent:hover svg{transform:translate(3px);color:currentColor}.contact-hub :is(.contact-hub__back,.contact-hub__social):hover{background:color-mix(in srgb,var(--color-text) 6%,transparent)}.contact-hub :is(.contact-hub__method,.contact-hub__destination):hover{background:color-mix(in srgb,var(--color-text) 9%,transparent)}}.contact-hub:is([data-boundary-hidden],[data-blocked]),html[data-privacy-overlay] .contact-hub,body:has(dialog[open]) .contact-hub{opacity:0;visibility:hidden;pointer-events:none}.contact-hub[data-blocked],html[data-privacy-overlay] .contact-hub,body:has(dialog[open]) .contact-hub{transition:none}.contact-hub:is([data-boundary-hidden],[data-blocked]) .contact-hub__panel,html[data-privacy-overlay] .contact-hub__panel,body:has(dialog[open]) .contact-hub__panel{visibility:hidden;transition:none}@media(max-width:63.999rem){body:has(contact-hub:not([hidden])) .product-purchase-capsule{inset-inline-start:max(var(--space-3),env(safe-area-inset-left));inset-inline-end:calc(max(var(--space-3),env(safe-area-inset-right)) + max(68px,4.25rem) + var(--space-3));max-inline-size:calc(100% - max(68px,4.25rem) - 3 * var(--space-3) - env(safe-area-inset-left) - env(safe-area-inset-right))}}@media(min-width:64rem){.contact-hub{--contact-edge: max(var(--space-6), env(safe-area-inset-right))}.contact-hub__toggle{padding-inline:var(--space-4)}.contact-hub__toggle>span{position:static;inline-size:auto;block-size:auto;overflow:visible;clip-path:none}}@media(max-width:24rem){.contact-hub__header{padding-inline-start:16px}.contact-hub__body{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.contact-hub,.contact-hub__panel,.contact-hub__toggle,.contact-hub__intent,.contact-hub__intent svg{transition:none;translate:none}.contact-hub__intent:hover svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/contact-hub.css.map */