.reg-map-section{padding:var(--section-padding-top, 60px) 20px var(--section-padding-bottom, 60px);background:var(--bg-color, #ffffff)}.reg-map-inner{max-width:var(--max-width, 1000px);margin:0 auto}.reg-map-heading{text-align:center;font-size:clamp(2.8rem,3.2vw,4rem);font-weight:500;line-height:1.2;margin:0 0 .4em;color:var(--heading-color, #111111)}.reg-map-subheading{text-align:center;color:#555;margin:0 0 1.2em;font-size:1rem}.reg-map-legend{display:flex;align-items:center;justify-content:center;gap:16px;font-size:.8rem;color:#444;margin-bottom:2rem;flex-wrap:wrap}.reg-map-legend-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.reg-map-legend-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.reg-map-legend-dot--red{background:#ee3342}.reg-map-legend-dot--black{background:#000}.reg-map-wrapper{position:relative;display:block;width:100%;line-height:0}.reg-map-image{width:100%;height:auto;display:block}.reg-hotspot{position:absolute;transform:translate(-50%,-50%);z-index:2}.reg-hotspot.is-active,.reg-hotspot:has(.is-open),.reg-hotspot:has(.reg-hotspot__dot[aria-expanded=true]){z-index:999}.reg-hotspot__dot{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.8);cursor:pointer;padding:0;margin:0;box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 6px #0000004d;position:relative;z-index:1;appearance:none;-webkit-appearance:none}.reg-hotspot__dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7px;height:7px;background:#fff;border-radius:50%;display:block;pointer-events:none}.reg-hotspot__dot--red{background:#ee3342}.reg-hotspot__dot--black{background:#000}.reg-hotspot__dot:hover,.reg-hotspot__dot:focus,.reg-hotspot__dot[aria-expanded=true]{transform:scale(1.25);box-shadow:0 3px 10px #0006;outline:none}.reg-hotspot__tooltip{display:none;position:absolute;z-index:100;box-sizing:border-box;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 10px 30px #0000001f;width:488px;max-width:90vw;font-family:inherit;color:#111;padding:24px;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);pointer-events:none;text-align:left}.reg-hotspot__tooltip.is-open{display:block;pointer-events:auto;animation:tooltipFadeIn .15s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.reg-hotspot.tooltip--below .reg-hotspot__tooltip{bottom:auto;top:calc(100% + 12px);animation-name:tooltipFadeInDown}@keyframes tooltipFadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.reg-hotspot.tooltip--left .reg-hotspot__tooltip{left:auto;right:0;transform:none}.reg-hotspot.tooltip--left .reg-hotspot__tooltip.is-open{animation-name:tooltipFadeInLeft}@keyframes tooltipFadeInLeft{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.reg-hotspot__tooltip:before,.reg-hotspot__tooltip:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;pointer-events:none}.reg-hotspot__tooltip:before{top:100%;border-top:10px solid rgba(0,0,0,.12)}.reg-hotspot__tooltip:after{top:calc(100% - 1px);border-top:9px solid #FFFFFF}.reg-hotspot.tooltip--below .reg-hotspot__tooltip:before{top:auto;bottom:100%;border-top:none;border-bottom:10px solid rgba(0,0,0,.12)}.reg-hotspot.tooltip--below .reg-hotspot__tooltip:after{top:auto;bottom:calc(100% - 1px);border-top:none;border-bottom:9px solid #FFFFFF}.reg-hotspot.tooltip--left .reg-hotspot__tooltip:before,.reg-hotspot.tooltip--left .reg-hotspot__tooltip:after{left:auto;right:14px;transform:none}.reg-hotspot__header{margin-bottom:16px}.reg-hotspot__tooltip h4{margin:0;font-weight:400;font-size:32px;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:#111;text-align:left}.reg-hotspot__content{display:flex;flex-direction:column;gap:16px}.reg-hotspot__list{margin:0;padding-left:18px;list-style-type:disc;display:flex;flex-direction:column;gap:12px}.reg-hotspot__list li{font-size:15px;line-height:1.45;color:#111}.reg-hotspot__label{font-weight:400;color:#111}.reg-hotspot__value{color:#ee3342;text-decoration:none;font-weight:400}.reg-hotspot__value:hover{text-decoration:underline}.reg-hotspot__approved{display:flex;align-items:center;gap:8px;font-weight:400;font-size:15px;line-height:1.4;color:#111}.reg-hotspot__approved svg{width:24px;height:19px;flex-shrink:0}.reg-hotspot__extra{margin-top:10px}.reg-hotspot__extra-title{font-weight:500;font-size:15px;line-height:1.4;color:#111;text-decoration:underline;margin-bottom:8px}@media(max-width:767px){.reg-hotspot{transform:translate(-50%,calc(-50% + 6px))}.reg-hotspot__dot{width:16px;height:16px;border-width:1.5px}.reg-hotspot__dot:after{width:5px;height:5px}.reg-hotspot__tooltip--viewport{position:fixed!important;z-index:2147483647!important;box-sizing:border-box!important;width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;padding:18px!important;max-height:none!important;overflow:visible!important;margin:0!important;left:var(--tooltip-left)!important;top:var(--tooltip-top)!important;right:auto!important;bottom:auto!important;transform:none!important;animation:none!important}.reg-hotspot__tooltip--viewport .reg-hotspot__header{margin-bottom:12px}.reg-hotspot__tooltip--viewport h4{font-size:clamp(18px,5.5vw,22px);line-height:1.2}.reg-hotspot__tooltip--viewport .reg-hotspot__approved,.reg-hotspot__tooltip--viewport .reg-hotspot__label,.reg-hotspot__tooltip--viewport .reg-hotspot__value,.reg-hotspot__tooltip--viewport .reg-hotspot__extra-title,.reg-hotspot__tooltip--viewport li{font-size:13.5px;line-height:1.4}.reg-hotspot__tooltip--viewport:before,.reg-hotspot__tooltip--viewport:after{left:var(--arrow-left)!important;transform:translate(-50%)!important}.reg-hotspot__tooltip--viewport.reg-hotspot__tooltip--viewport-below:before{top:auto!important;bottom:100%!important;border-top:none!important;border-bottom:10px solid rgba(0,0,0,.12)!important}.reg-hotspot__tooltip--viewport.reg-hotspot__tooltip--viewport-below:after{top:auto!important;bottom:calc(100% - 1px)!important;border-top:none!important;border-bottom:9px solid #FFFFFF!important}@media(max-width:420px){.reg-hotspot__tooltip--viewport{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;padding:14px!important}}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/canada-regulations-map.css.map */