.shop-location-map-wrapper{position:relative;padding:1.2rem;box-sizing:border-box;max-width:100%;overflow-x:hidden}.shop-location-map-controls{margin-bottom:6rem;padding:.1rem;text-align:center}.shop-location-map-select{min-width:240px;padding:.75rem 2.5rem .75rem 1.4rem;border:2px solid rgb(0,0,0);background:#fff;color:#111;font-weight:600;box-shadow:0 2px 6px #434d504d;transition:box-shadow .2s ease,border-color .2s ease}.shop-location-map-select:hover{border-color:#219ec7;box-shadow:0 4px 10px #28bbe966}.shop-location-map-select:focus{outline:none;border-color:#1da1f2;box-shadow:0 0 0 3px #28bbe959}.shop-location-map-layout{display:flex;flex-direction:column;gap:2rem}.shop-location-map-canvas{width:100%;height:480px;background:#f2f2f2;border-radius:18px;transition:width .6s ease,height .6s ease,flex-basis .6s ease;box-shadow:0 2px 6px #28bbe940}.shop-location-map-list-wrapper{width:100%}.shop-location-map-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.shop-location-map-list-item{padding:1rem 1.2rem;background:#fff;border:2px solid #e0f4fb;border-radius:2rem;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s;position:relative;box-shadow:0 2px 4px #28bbe926;display:flex;align-items:center;min-width:0}.shop-location-map-list-item:hover,.shop-location-map-list-item:focus{background:#e6f7fd;border-color:#28bbe9}.shop-location-map-list-item.is-active{border-color:#28bbe9;background:linear-gradient(90deg,#e6f7fd,#fff);box-shadow:0 4px 10px #28bbe959}.shop-location-map-list-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.shop-location-map-item-main{flex:1;min-width:0}.shop-location-map-list-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;min-width:0}@media screen and (max-width: 600px){.shop-location-map-list-item strong{font-size:.95rem}.shop-location-map-list-item{padding:.85rem 1rem}.shop-location-map-wrapper{padding:1rem}.shop-location-map-open{font-size:.7rem;padding:.35rem .6rem;margin-left:.4rem}.shop-location-map-list{position:relative}.shop-location-map-list-wrapper.is-collapsed .shop-location-map-list-item:nth-child(n+6){display:none}}.shop-location-map-toggle-btn{display:block;width:100%;max-width:280px;margin:1.5rem auto 0;padding:.85rem 1.5rem;background:#28bbe9;color:#fff;border:none;border-radius:2rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 3px 8px #28bbe966;transition:background .2s,box-shadow .2s,transform .1s}.shop-location-map-toggle-btn:hover{background:#219ec7;box-shadow:0 4px 12px #28bbe980}.shop-location-map-toggle-btn:active{transform:scale(.98)}@media screen and (min-width: 900px){.shop-location-map-toggle-btn{display:none}}@media screen and (min-width: 900px){.shop-location-map-layout{flex-direction:row;align-items:flex-start}.shop-location-map-canvas{flex:3 1 60%;height:560px}.shop-location-map-list-wrapper{flex:2 1 40%;max-height:560px;overflow-y:auto;padding-right:.5rem;opacity:1;transform:translate(0);transition:opacity .6s ease .1s,transform .6s ease .1s}.shop-location-map-wrapper.is-initial-fullscreen .shop-location-map-list-wrapper{opacity:0;transform:translate(40px);pointer-events:none}.shop-location-map-wrapper.is-initial-fullscreen .shop-location-map-canvas{flex:1 1 100%;height:70vh;border-radius:2rem}}.shop-location-map-wrapper:not(.has-selection) .shop-location-map-list-wrapper{display:none}.shop-location-map-heading{padding-left:.2rem;text-align:center;font-weight:700}.shop-location-map-open{flex-shrink:0;margin-left:.5rem;background:#28bbe9;color:#fff;border:none;font-size:.75rem;font-weight:600;padding:.4rem .7rem;border-radius:1rem;cursor:pointer;box-shadow:0 2px 4px #28bbe966;transition:background .2s,box-shadow .2s}.shop-location-map-open:hover{background:#219ec7;box-shadow:0 3px 8px #28bbe980}.shop-location-map-heading{margin:5rem 0 1rem}.shop-location-map-intro{margin-bottom:1.5rem}.shop-location-map-marker-label{font-size:12px}.shop-location-map-empty{font-style:italic;opacity:.7}.shop-location-map-wrapper.is-loading .shop-location-map-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#28bbe926,#1da1f226);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:shopLocationPulse 1s ease-in-out infinite alternate;border-radius:inherit}@keyframes shopLocationPulse{0%{opacity:.4}to{opacity:.8}}.shop-location-map-tooltip{position:absolute;transform:translate(-50%,-140%);background:linear-gradient(135deg,#28bbe9,#1da1f2);color:#fff;padding:.75rem 1.15rem .8rem;font-size:1.5rem;line-height:1.1;font-weight:600;border-radius:1.2rem;box-shadow:0 6px 18px #28bbe973;white-space:nowrap;pointer-events:auto;cursor:default;-webkit-user-select:none;user-select:none;transition:opacity .15s ease,transform .18s cubic-bezier(.4,.2,.2,1);z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.shop-location-map-tooltip:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;background:inherit;transform:translate(-50%) rotate(45deg);border-radius:2px;box-shadow:0 4px 14px #28bbe959;z-index:-1}.shop-location-map-tooltip.has-url{cursor:pointer}.shop-location-map-tooltip.has-url:hover{filter:brightness(1.05)}.shop-location-map-tooltip span{display:inline-block}.shop-location-map-tooltip.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-100%) scale(.95)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-shop-location-map.css.map */