@layer components{@layer base{.flex-pattern-section__map{inline-size:100%;max-inline-size:var(--site-max-inline-size);margin-inline:auto;position:relative;overflow:hidden}.flex-pattern-section__map flex-pattern{block-size:100%;min-block-size:30rem;inline-size:100%}.flex-pattern-markers{display:contents}.flex-pattern-markers__toggle{z-index:2;position:absolute;inset-block-start:var(--grid-gap);inset-inline-end:var(--grid-gap)}.flex-pattern-markers__legend{z-index:2;gap:var(--space-1x);padding:var(--space-2x);color:var(--color-brand-cloud-white);background-color:var(--surface-glass-tint);-webkit-backdrop-filter:blur(var(--surface-glass-blur));backdrop-filter:blur(var(--surface-glass-blur));flex-direction:column;margin:0;list-style:none;display:flex;position:absolute;inset-block-end:var(--grid-gap);inset-inline-start:var(--grid-gap)}.flex-pattern-markers__legend-item{gap:var(--space-2x);align-items:center;display:inline-flex}.flex-pattern-markers__legend-dot{inline-size:var(--indicator-size);block-size:var(--indicator-size);background:currentColor;flex:none}.flex-pattern-markers__legend-dot[data-shape=triangle-up]{border-block-end:var(--indicator-size) solid currentcolor;border-inline:calc(var(--indicator-size) / 2) solid transparent;background:0 0;block-size:0;inline-size:0}.flex-pattern-markers__legend-dot[data-tone=coverage]{background:var(--color-brand-sky-blue-400)}.flex-pattern-markers__drawer{inset-block:var(--space-2x);inset-inline:auto var(--space-2x);z-index:3;visibility:hidden;inline-size:min(20rem,100%);max-block-size:calc(100% - var(--space-4x));color:var(--color-paragraph);background-color:var(--surface-glass-tint);-webkit-backdrop-filter:blur(var(--surface-glass-blur));backdrop-filter:blur(var(--surface-glass-blur));transform:translateX(calc(100% + var(--space-2x)));transition:transform var(--duration-slow) var(--ease-out), visibility var(--duration-slow) allow-discrete;border:0;flex-direction:column;margin:0;padding:0;display:flex;position:absolute;overflow:hidden}.flex-pattern-markers__drawer[open]{visibility:visible;transform:translate(0)}.flex-pattern-markers__drawer::backdrop{background:#0006}.flex-pattern-markers__header{gap:var(--space-2x);padding-block:var(--space-2x);border-block-end:var(--border-width-hairline) solid var(--color-divider);flex:none;justify-content:space-between;align-items:center;padding-inline-start:var(--space-4x);padding-inline-end:var(--space-1x);display:flex}.flex-pattern-markers__heading{color:inherit;margin-block:0}.flex-pattern-markers__list{overscroll-behavior:contain;flex-direction:column;flex:auto;min-block-size:0;margin-block:0;list-style:none;display:flex;overflow-y:auto}.flex-pattern-markers__row{gap:var(--space-2x);inline-size:100%;padding-block:var(--space-2x);padding-inline:var(--space-4x);text-align:start;cursor:pointer;transition:background-color var(--duration-fast) linear;background:0 0;display:flex}.flex-pattern-markers__row-body{gap:var(--space-1x);flex-direction:column;flex:auto;min-inline-size:0;display:flex}.flex-pattern-markers__row-head{gap:var(--space-2x);flex-wrap:wrap;align-items:center;display:inline-flex}.flex-pattern-markers__address,.flex-pattern-markers__contact{color:var(--color-brand-cloud-white-400)}.flex-pattern-markers__tag{min-block-size:0;padding:var(--space-1x);color:inherit;background-color:color-mix(in srgb, currentcolor 12%, transparent);align-items:center;line-height:1;display:inline-flex}.flex-pattern-markers__shape{inline-size:var(--indicator-size);block-size:var(--indicator-size);background:currentColor;flex:none;margin-inline-end:.125rem;transform:translateY(.5rem)}.flex-pattern-markers__shape[data-marker-kind=warehouse]{--indicator-size:var(--space-2x);border-block-end:var(--indicator-size) solid currentcolor;border-inline:calc(var(--indicator-size) / 2) solid transparent;background:0 0;block-size:0;inline-size:0;margin-inline-end:0;transform:translateY(.375rem)}}@layer states{.flex-pattern-markers__row:hover{background:color-mix(in srgb, currentcolor 8%, transparent);border-color:currentColor}.flex-pattern-markers__row[aria-current=true]{color:var(--color-heading);background:color-mix(in srgb, currentcolor 12%, transparent);border-color:currentColor}}@layer surface{@media (prefers-reduced-motion:reduce){.flex-pattern-markers__drawer,.flex-pattern-markers__row{transition:none}}}}