.store-locations{padding-block:var(--sl-pad-top, 40px) var(--sl-pad-bottom, 64px);--sl-line: rgb(var(--color-foreground-rgb) / .12);--sl-muted: rgb(var(--color-foreground-rgb) / .68);--sl-open: #1f7a3f;--sl-soon: #9a5b00;--sl-closed: #b3261e}.store-locations .sl-head{max-width:40rem;margin-bottom:20px}.store-locations .sl-title{margin:0 0 12px;font-family:var(--font-h1--family);font-size:var(--font-h1--size);font-weight:var(--font-h1--weight);line-height:var(--font-h1--line-height);letter-spacing:var(--font-h1--letter-spacing);text-transform:var(--font-h1--case, none);color:var(--color-foreground-heading)}.store-locations .sl-intro{color:var(--sl-muted)}.store-locations .sl-intro>:first-child{margin-top:0}.store-locations .sl-intro>:last-child{margin-bottom:0}.store-locations .sl-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:32px}.store-locations .sl-filters{display:flex;flex-wrap:wrap;gap:8px}.store-locations .sl-chip,.store-locations .sl-near{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 18px;border:1px solid var(--sl-line);border-radius:999px;background:transparent;color:var(--color-foreground);font:inherit;font-size:.9375rem;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.store-locations .sl-chip:hover,.store-locations .sl-near:hover{border-color:var(--color-foreground)}.store-locations .sl-chip[aria-pressed=true]{background:var(--color-foreground);border-color:var(--color-foreground);color:var(--color-background)}.store-locations .sl-near:disabled{opacity:.6;cursor:progress}.store-locations .sl-near[aria-pressed=true]{border-color:var(--color-foreground);font-weight:600}.store-locations .sl-near[hidden]{display:none}.store-locations .sl-near-note{margin:-20px 0 24px;font-size:.875rem;color:var(--sl-muted)}.store-locations .sl-near-note:empty{display:none}.store-locations .sl-grid{display:grid;grid-template-columns:1fr;gap:16px;scroll-margin-top:calc(var(--header-height, 64px) + 16px)}@media(min-width:640px){.store-locations .sl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.store-locations .sl-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.store-locations .sl-card{display:flex;flex-direction:column;border:1px solid var(--sl-line);border-radius:12px;overflow:hidden;background:var(--color-background);scroll-margin-top:calc(var(--header-height, 64px) + 16px);transition:box-shadow .3s}.store-locations .sl-card[hidden]{display:none}.store-locations .sl-card.is-target{box-shadow:0 0 0 2px var(--color-foreground)}.store-locations .sl-media{position:relative;aspect-ratio:3 / 2;overflow:hidden;background:rgb(var(--color-foreground-rgb) / .06)}.store-locations .sl-media .sl-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.store-locations .sl-img--placeholder{fill:rgb(var(--color-foreground-rgb) / .3)}.store-locations .sl-heading{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 18px 0}.store-locations .sl-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:12px 18px 20px;font-size:.9375rem}.store-locations .sl-city{display:flex;flex-wrap:wrap;gap:0 6px;margin:0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sl-muted)}.store-locations .sl-distance{color:var(--color-foreground)}.store-locations .sl-distance:not(:first-child):before{content:"\b7";margin-inline-end:6px;color:var(--sl-muted)}.store-locations .sl-distance[hidden]{display:none}.store-locations .sl-nearest{order:-1;margin-bottom:4px;padding:3px 10px;border-radius:999px;background:var(--color-foreground);color:var(--color-background);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.store-locations .sl-nearest[hidden]{display:none}.store-locations .sl-card.is-nearest{border-color:var(--color-foreground)}.store-locations .sl-name{margin:0 0 4px;font-family:var(--font-h3--family);font-size:var(--font-h3--size);font-weight:var(--font-h3--weight);line-height:var(--font-h3--line-height);text-transform:var(--font-h3--case, none);color:var(--color-foreground-heading)}.store-locations .sl-status{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:.875rem;font-weight:600}.store-locations .sl-status[hidden]{display:none}.store-locations .sl-status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.store-locations .sl-status[data-state=open]{color:var(--sl-open)}.store-locations .sl-status[data-state=soon]{color:var(--sl-soon)}.store-locations .sl-status[data-state=closed]{color:var(--sl-closed)}.store-locations .sl-info{display:flex;flex-direction:column;gap:12px}.store-locations .sl-row{display:grid;gap:2px}.store-locations .sl-label{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sl-muted)}.store-locations .sl-address{font-style:normal}.store-locations .sl-link{color:inherit;text-underline-offset:3px}.store-locations .sl-hours{display:grid;gap:2px;margin:0}.store-locations .sl-hours>div{display:flex;justify-content:space-between;gap:16px;padding:2px 8px;margin-inline:-8px;border-radius:6px}.store-locations .sl-hours dt,.store-locations .sl-hours dd{margin:0}.store-locations .sl-hours dt,.store-locations .sl-hours dd{white-space:nowrap}.store-locations .sl-hours dd{text-align:end;font-variant-numeric:tabular-nums}.store-locations .sl-hours-toggle{justify-self:start;margin-top:2px;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:.8125rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.store-locations .sl-hours-toggle[hidden]{display:none}@media(min-width:640px){.store-locations .sl-hours-toggle{display:none}}.store-locations .sl-hours .is-today{background:rgb(var(--color-foreground-rgb) / .07);font-weight:600}.store-locations .sl-hours .sl-holiday:first-of-type,.store-locations .sl-hours>div:not(.sl-holiday)+.sl-holiday{margin-top:8px}.store-locations .sl-hours .sl-holiday dt{color:var(--sl-soon)}.store-locations .sl-note{margin:0;padding:10px 12px;border-radius:8px;background:rgb(var(--color-foreground-rgb) / .06);font-size:.875rem}.store-locations .sl-details{font-size:.875rem;color:var(--sl-muted)}.store-locations .sl-details>:first-child{margin-top:0}.store-locations .sl-details>:last-child{margin-bottom:0}.store-locations .sl-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto;padding-top:4px}.store-locations .sl-btn{width:100%;justify-content:center;text-align:center;min-height:40px;padding:8px 16px;font-size:.875rem}.store-locations .sl-actions .sl-btn:only-child{grid-column:1 / -1}.store-locations .sl-more{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding-top:10px;border-top:1px solid var(--sl-line);font-size:.8125rem}.store-locations .sl-more a,.store-locations .sl-map summary{color:inherit;text-decoration:underline;text-underline-offset:3px}.store-locations .sl-map{order:1}.store-locations .sl-map[open]{flex-basis:100%}.store-locations .sl-map summary{cursor:pointer;width:fit-content;list-style:none}.store-locations .sl-map summary::-webkit-details-marker{display:none}.store-locations .sl-map-frame{margin-top:10px;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;background:rgb(var(--color-foreground-rgb) / .06)}.store-locations .sl-map-frame iframe{display:block;width:100%;height:100%;border:0}@media(prefers-reduced-motion:reduce){.store-locations .sl-chip,.store-locations .sl-near,.store-locations .sl-card{transition:none}}@media(max-width:639px){.store-locations .sl-head{margin-bottom:16px}.store-locations .sl-tools{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.store-locations .sl-near{order:-1;justify-content:center;min-height:48px;border-color:var(--color-foreground);background:var(--color-foreground);color:var(--color-background);font-weight:600}.store-locations .sl-near[aria-pressed=true]{background:transparent;color:var(--color-foreground)}.store-locations .sl-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.store-locations .sl-filters::-webkit-scrollbar{display:none}.store-locations .sl-chip{flex:none;min-height:36px;padding:6px 16px;font-size:.875rem}.store-locations .sl-near-note{margin:-8px 0 16px}.store-locations .sl-grid{gap:12px}.store-locations .sl-card{display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:14px;padding:14px}.store-locations .sl-media{aspect-ratio:1;border-radius:8px;align-self:start}.store-locations .sl-heading{padding:0;justify-content:center}.store-locations .sl-name{font-size:1.25rem;margin:0}.store-locations .sl-status{font-size:.8125rem}.store-locations .sl-body{grid-column:1 / -1;padding:14px 0 0;gap:12px;font-size:.875rem}.store-locations .sl-info{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.store-locations .sl-info>.sl-row:has(.sl-hours),.store-locations .sl-info>.sl-note,.store-locations .sl-info>.sl-details{grid-column:1 / -1}.store-locations .sl-hours.has-today:not(.is-open)>div:not(.is-today,.sl-holiday){display:none}.store-locations .sl-actions{padding-top:0}.store-locations .sl-btn{min-height:44px}.store-locations .sl-more{padding-top:8px}}@media(min-width:640px){.store-locations .sl-card{position:relative}.store-locations .sl-nearest{position:absolute;inset-block-start:12px;inset-inline-start:12px;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/307/assets/store-locations.css.map */