@keyframes m2m-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.m2m-popup--visible{animation:m2m-slide-in .8s ease-in-out forwards}@media(prefers-reduced-motion:reduce){.m2m-popup--visible{animation:none}}.m2m-popup:focus,.m2m-popup:focus-visible{outline:none;box-shadow:none;--focused-base-outline: none;--focused-base-box-shadow: none}#shopify-section-match2me-popup{display:contents}.m2m-popup{position:fixed;top:var(--m2m-nav-height, 70px);left:4.83vw;right:4.83vw;width:auto;max-width:375px;z-index:99;display:flex;flex-direction:column;background-image:var(--bg-image);background-color:#d3d3d3;background-position:50%;background-size:cover;background-repeat:no-repeat;border-radius:var(--Radius_S, 4px);overflow:hidden}@media(min-width:768px){.m2m-popup{left:18.23vw;right:auto;width:48.83vw;max-width:375px}}@media(min-width:1024px){.m2m-popup{left:16.32vw}}@media(min-width:1440px){.m2m-popup{left:14.72vw}}.m2m-popup__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--space_S, 16px);flex:1 0 0;align-self:stretch;width:100%;padding:var(--space_S, 16px);box-sizing:border-box}.m2m-popup__text{display:flex;max-width:200px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--space_2XS, 8px);align-self:flex-start}.m2m-popup__actions{display:flex;align-items:flex-start;gap:var(--space_XS, 12px);align-self:stretch;width:100%}.m2m-popup__heading{color:var(--Colour-Brand-Grey70, #4D4D4D);font-family:var(--font-family-Sofia-Pro, "sofia-pro", sans-serif);font-size:var(--font-size-2XL, 20px);font-style:normal;font-weight:700;line-height:var(--font-line-height-XL, 22px);letter-spacing:var(--font-letter-spacing-L, -.2px);margin:0}.m2m-popup__copy{color:var(--Colour-Brand-Grey80, #353535);font-family:var(--font-family-Sofia-Pro, "sofia-pro", sans-serif);font-size:var(--font-size-M, 14px);font-style:normal;font-weight:300;line-height:20px;letter-spacing:var(--font-letter-spacing-2XL, 0);margin:0}.m2m-popup__cta-primary:focus,.m2m-popup__cta-secondary:focus{outline:none!important;box-shadow:none!important}.m2m-popup__cta-primary:focus-visible,.m2m-popup__cta-secondary:focus-visible{outline:2px solid var(--Colour-Brand-Grey70, #4D4D4D);outline-offset:2px}.m2m-popup__cta-primary{display:flex;padding:var(--space_S, 16px) var(--space_2XS, 8px);justify-content:space-between;align-items:center;flex:1 0 0;border-radius:var(--Radius_S, 4px);background:var(--Colour-Brand-PrimaryYellow, #FEFF04);text-decoration:none}.m2m-popup__cta-primary:hover{background-color:var(--Colour-Brand-PrimaryYellow, #FEFF04);color:var(--Colour-Brand-Grey70, #4D4D4D);text-decoration:none}.m2m-popup__cta-secondary{display:flex;width:32%;padding:var(--space_S, 16px) var(--space_2XS, 8px);justify-content:space-between;align-items:center;border-radius:var(--Radius_S, 4px);border:1px solid var(--Tertiary-Button-Border, #757575);background:var(--Tertiary-Button-Background, #FFF)}.m2m-popup__cta-secondary:hover{background-color:#f0f0f0}.m2m-popup__btn-text{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.m2m-popup__cta-primary .m2m-popup__btn-text,.m2m-popup__cta-secondary .m2m-popup__btn-text{flex:1 0 0;text-align:center;font-family:var(--font-family-Sofia-Pro, "sofia-pro", sans-serif);font-size:var(--font-size-S, 12px);font-style:normal;font-weight:500;line-height:var(--font-line-height-2XS, 14px);letter-spacing:var(--font-letter-spacing-4XL, .3px);text-transform:uppercase}.m2m-popup__cta-primary .m2m-popup__btn-text{color:var(--Primary-Button-Text, #4D4D4D)}.m2m-popup__cta-secondary .m2m-popup__btn-text{color:var(--Tertiary-Button-Text, #4D4D4D)}.m2m-banner{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;background-color:var(--Colour-Brand-PrimaryYellow, #FEFF04);color:#4d4d4d;width:100%;min-height:30px;box-sizing:border-box}.m2m-banner__text{grid-column:2;text-decoration:none;text-align:center;align-self:center;text-transform:uppercase;font-family:var(--font-family-Sofia-Pro, "sofia-pro", sans-serif);font-size:var(--font-size-S, 12px);font-style:normal;font-weight:500;line-height:var(--font-line-height-2XS, 14px);letter-spacing:.3px}.m2m-banner__close{grid-column:3;justify-self:center;align-self:center;cursor:pointer;line-height:inherit;padding:0;background:none;border:none;font-family:inherit;font-size:inherit;color:var(--Colour-Brand-Grey70, #4D4D4D);margin:0;-webkit-tap-highlight-color:transparent}.m2m-banner__close:focus-visible{outline:2px solid var(--Colour-Brand-Grey70, #4D4D4D);outline-offset:2px}.m2m-banner__close svg{width:16px;height:16px}
