.CookiePopup{--cookie-popup-bottom-margin:10px;background-color:#000;position:fixed;bottom:var(--cookie-popup-bottom-margin);display:flex;opacity:.9;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:200}@media screen and (min-width:1025px){[dir=ltr] .CookiePopup{left:50%}[dir=rtl] .CookiePopup{right:50%}.CookiePopup{-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:5px 10px}[dir=rtl] .CookiePopup{-webkit-transform:translateX(50%);transform:translateX(50%)}}@media screen and (max-width:1024px){.CookiePopup{bottom:calc(var(--footer-total-height) + var(--cookie-popup-bottom-margin));flex-direction:column;width:calc(100% - 32px);margin-left:16px;margin-right:16px;padding:8px 16px}}.CookiePopup-Content{color:#fff;font-size:12px;font-weight:700;-webkit-margin-after:0;margin-bottom:0;text-align:center}.CookiePopup-Content:after{content:".";color:var(--color-white)}.CookiePopup-Link{font-size:12px}.CookiePopup-CTA{color:var(--primary-base-color);text-transform:uppercase;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}@media screen and (min-width:1025px){[dir=ltr] .CookiePopup-CTA{margin-left:41px}[dir=rtl] .CookiePopup-CTA{margin-right:41px}.CookiePopup-CTA{-webkit-margin-start:41px}}@media screen and (max-width:1024px){.CookiePopup-CTA{-webkit-margin-before:12px;margin-top:12px}}.CookiePopup-CTA:hover{color:var(--primary-dark-color)}@media screen and (max-width:1024px){.NewVersionPopup{align-items:flex-end;height:100%;top:0}}.NewVersionPopup-Heading{font-size:20px;text-decoration:none;font-weight:400;-webkit-margin-before:0;margin-top:0;-webkit-margin-after:12px;margin-bottom:12px}@media screen and (max-width:1024px){.NewVersionPopup-Heading{-webkit-margin-after:14px;margin-bottom:14px}}@media screen and (min-width:1025px){.NewVersionPopup-Heading{display:none}}.NewVersionPopup-Buttons{-webkit-margin-before:12px;margin-top:12px}@media screen and (max-width:1024px){.NewVersionPopup-Buttons{-webkit-margin-before:14px;margin-top:14px}}@media screen and (min-width:1025px){.NewVersionPopup-Buttons{display:flex;justify-content:space-between}}@media screen and (max-width:1024px){.NewVersionPopup-ReloadButton{width:100%}}.NewVersionPopup-DismissButton{padding:var(--button-padding)}@media screen and (max-width:1024px){.NewVersionPopup-DismissButton{width:100%;-webkit-margin-before:5px;margin-top:5px}}@media screen and (min-width:1025px){.NewVersionPopup-Content{max-width:500px}}.NewVersionPopup .Popup-CloseBtn{display:none}.NewVersionPopup .Popup-Heading{-webkit-margin-after:12px;margin-bottom:12px}@media screen and (max-width:1024px){.NewVersionPopup .Popup-Heading{-webkit-margin-after:14px;margin-bottom:14px}}:root{--diameter:1;--offline-notice-height:0px;--offline-notice-display:none}[dir=ltr] .OfflineNotice{right:0}[dir=ltr] .OfflineNotice,[dir=rtl] .OfflineNotice{left:0}[dir=rtl] .OfflineNotice{right:0}.OfflineNotice{--fill-color:var(--primary-info-color);--line-color:#000;display:none;display:var(--offline-notice-display);height:0;height:var(--offline-notice-height);background:var(--fill-color);justify-content:center;align-items:center;flex-direction:row;position:fixed;z-index:99;top:calc(var(--header-height) + var(--demo-notice-height));bottom:0}.OfflineNotice_isBig{--line-color:var(--primary-info-color);--fill-color:#fff;--diameter:16;flex-direction:column;text-align:center;padding:12px}@media screen and (max-width:1024px){.OfflineNotice_isBig{--diameter:10;padding:14px}}.OfflineNotice-Text-Title{font-size:36px}@media screen and (max-width:1024px){.OfflineNotice-Text-Title{font-size:28px}}.OfflineNotice-Text-Description{max-width:360px;margin:0 auto;font-size:18px}@media screen and (max-width:1024px){.OfflineNotice-Text-Description{max-width:280px;margin:0 auto;font-size:14px}}[dir=ltr] .OfflineNotice-Logo{padding-left:1px}[dir=rtl] .OfflineNotice-Logo{padding-right:1px}[dir=ltr] .OfflineNotice-Logo{padding-left:calc(var(--diameter)*1px)}[dir=rtl] .OfflineNotice-Logo{padding-right:calc(var(--diameter)*1px)}[dir=ltr] .OfflineNotice-Logo{padding-right:25px}[dir=rtl] .OfflineNotice-Logo{padding-left:25px}.OfflineNotice-Logo{-webkit-padding-start:1px;-webkit-padding-start:calc(var(--diameter)*1px);-webkit-padding-before:4px;padding-top:4px;-webkit-padding-before:calc(var(--diameter)*4px);padding-top:calc(var(--diameter)*4px);-webkit-padding-end:25px;width:20px;width:calc(20px*var(--diameter));height:10px;height:calc(10px*var(--diameter))}[dir=ltr] .OfflineNotice-Logo_isBig{padding-left:1px}[dir=rtl] .OfflineNotice-Logo_isBig{padding-right:1px}[dir=ltr] .OfflineNotice-Logo_isBig{padding-left:calc(var(--diameter)*1px)}[dir=rtl] .OfflineNotice-Logo_isBig{padding-right:calc(var(--diameter)*1px)}[dir=ltr] .OfflineNotice-Logo_isBig{padding-right:0}[dir=rtl] .OfflineNotice-Logo_isBig{padding-left:0}.OfflineNotice-Logo_isBig{-webkit-padding-start:1px;-webkit-padding-start:calc(var(--diameter)*1px);-webkit-padding-end:0;-webkit-padding-before:0;padding-top:0}.OfflineNotice-Logo-Cloud:after,.OfflineNotice-Logo-Cloud:before,.OfflineNotice-Logo-Stick:after,.OfflineNotice-Logo-Stick:before{background:var(--fill-color);content:"";position:absolute}.OfflineNotice-Logo-Cloud:after,.OfflineNotice-Logo-Cloud:before{border-radius:50%;box-shadow:3px -3px 0 0 var(--fill-color),1px 0 0 0 var(--fill-color),7px -3px 0 -1px var(--fill-color),3px 0 0 0 var(--fill-color),5px 0 0 0 var(--fill-color),8px 0 0 0 var(--fill-color);box-shadow:calc(3px*var(--diameter)) calc(-3px*var(--diameter)) 0 0 var(--fill-color),calc(1px*var(--diameter)) 0 0 0 var(--fill-color),calc(7px*var(--diameter)) calc(-3px*var(--diameter)) 0 calc(-1px*var(--diameter)) var(--fill-color),calc(3px*var(--diameter)) 0 0 0 var(--fill-color),calc(5px*var(--diameter)) 0 0 0 var(--fill-color),calc(8px*var(--diameter)) 0 0 0 var(--fill-color)}[dir=ltr] .OfflineNotice-Logo-Cloud:before{left:0}[dir=rtl] .OfflineNotice-Logo-Cloud:before{right:0}.OfflineNotice-Logo-Cloud:before{--fill-color:var(--line-color);top:-2px;top:calc(-2px*var(--diameter));width:8px;width:calc(8px*var(--diameter));height:8px;height:calc(8px*var(--diameter))}[dir=rtl] .OfflineNotice-Logo-Cloud:before{right:8px;right:calc(8px*var(--diameter))}[dir=ltr] .OfflineNotice-Logo-Cloud:after{left:1px}[dir=rtl] .OfflineNotice-Logo-Cloud:after{right:1px}[dir=ltr] .OfflineNotice-Logo-Cloud:after{left:calc(1px*var(--diameter))}[dir=rtl] .OfflineNotice-Logo-Cloud:after{right:calc(1px*var(--diameter))}.OfflineNotice-Logo-Cloud:after{border-radius:50%;top:-1px;top:calc(-1px*var(--diameter));width:6px;width:calc(6px*var(--diameter));height:6px;height:calc(6px*var(--diameter))}[dir=rtl] .OfflineNotice-Logo-Cloud:after{right:9px;right:calc(9px*var(--diameter))}.OfflineNotice-Logo-Stick:after,.OfflineNotice-Logo-Stick:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0}[dir=ltr] .OfflineNotice-Logo-Stick:before{left:-1px}[dir=rtl] .OfflineNotice-Logo-Stick:before{right:-1px}[dir=ltr] .OfflineNotice-Logo-Stick:before{left:calc(-1px*var(--diameter))}[dir=rtl] .OfflineNotice-Logo-Stick:before{right:calc(-1px*var(--diameter))}.OfflineNotice-Logo-Stick:before{width:22px;width:calc(22px*var(--diameter));height:3px;height:calc(3px*var(--diameter))}[dir=rtl] .OfflineNotice-Logo-Stick:before{right:-5px;right:calc(-5px*var(--diameter))}[dir=ltr] .OfflineNotice-Logo-Stick:after{left:-1px}[dir=rtl] .OfflineNotice-Logo-Stick:after{right:-1px}[dir=ltr] .OfflineNotice-Logo-Stick:after{left:calc(-1px*var(--diameter))}[dir=rtl] .OfflineNotice-Logo-Stick:after{right:calc(-1px*var(--diameter))}.OfflineNotice-Logo-Stick:after{--fill-color:var(--line-color);width:20px;width:calc(20px*var(--diameter));height:1px;height:calc(1px*var(--diameter))}[dir=rtl] .OfflineNotice-Logo-Stick:after{right:-3px;right:calc(-3px*var(--diameter))}.offline{--placeholder-image:linear-gradient(var(--placeholder-gradient-color),var(--placeholder-gradient-color));--placeholder-animation:none;--offline-notice-height:calc(var(--header-nav-height)/2);--offline-notice-display:flex}.bigOffline{--offline-notice-height:calc(100% - var(--header-height) + var(--demo-notice-height))}.Button{text-transform:unset;border-radius:4px;font-size:16px;line-height:20px}@media screen and (min-width:1025px){.Button_isHollow:not([disabled]):hover{background-color:var(--primary-dark-color);color:var(--color-white);border-radius:4px}}.Button_isHollow:disabled{border-color:var(--stroke-color);border-width:2px;color:var(--stroke-color)}.Button_likeLink{font-weight:700}.Button:not(.Button_isHollow):disabled{background-color:var(--stroke-color);border-color:transparent;color:var(--color-white)}@media screen and (min-width:1025px){.Button:not([disabled]):hover{border-radius:4px}}.Button:disabled{opacity:1}button{line-height:20px}button *{color:inherit}.website_monro .Button_isHollow:disabled{border-color:var(--monro-stroke-color);color:var(--monro-stroke-color)}.website_monro .Button:not(.Button_isHollow):disabled{background-color:var(--monro-stroke-color)}:root{--star-size:18px;--plus-minus-icon-size:24px;--wishlist-heart-size:23px;--demo-notice-height:0px}.DemoNotice{-webkit-padding-before:env(safe-area-inset-top);padding-top:env(safe-area-inset-top);align-items:center;background-color:var(--primary-base-color);color:#fff;display:flex;font-size:14px;font-weight:700;height:0;height:var(--demo-notice-height);justify-content:center;position:fixed;top:0;width:100%;z-index:110}.isDemoVisible{--demo-notice-height:48px}