@charset "UTF-8";
/* CSS Document */

.nav-item:not(.show) .dropdown-menu{pointer-events:none}
body .guide-message{width:100%;flex:1}
html[lang="fr"] .guide-message:after{content:"Scanner le QR code pour essayer la M Sneaker."}
html[lang="en"] .guide-message:after{content:'Scan the QR code to try the M Sneaker.'}
html[lang="es"] .guide-message:after{content:'Escanea el código QR para probar la M Sneaker.'}
html[lang="it"] .guide-message:after{content:"Scansiona il codice QR per provare la M Sneaker."}
html[lang="de"] .guide-message:after{content:"Scannen Sie den QR-Code, um den M Sneaker auszuprobieren."}
html[lang="fr"] .vto-message:after{content:"Essai virtuel"}
html[lang="en"] .vto-message:after{content:'Virtual try on'}
html[lang="es"] .vto-message:after{content:'Prueba virtual'}
html[lang="it"] .vto-message:after{content:"Prova virtuale"}
html[lang="de"] .vto-message:after{content:"Virtuelle Anprobe"}
vyking-apparel{width:100%;height:100%;position:absolute;z-index:3;top:0;left:0}
.vto-popin:not(.active){display:none}
vyking-apparel::part(default-play){display:none}
vyking-apparel::part(default-pause){display:none}
.vto-button{position:absolute;z-index:5;top:1rem;left:1rem;z-index:3;font-size:.75rem;font-weight:500;letter-spacing:.040625rem;padding:0 0 0 .75rem;height:32px;background:#FFF;border:1px solid #000;cursor:pointer;border-radius:.3125rem;line-height:1;display:flex;align-items:center;grid-gap:.75rem;overflow:hidden}
.vto-icon{background:#f396f5;padding:0 .5rem;display:flex;align-items:center;height:100%}
.vto-popin{position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);top:0;left:0;background:rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.vto-popin video{width:100%;height:100%;object-fit:cover;display:block}
#ARButton{display:none}
.vto-bloc{border-radius:5px;border:1px solid #000;text-align:left;background-color:#FFF;color:#000;display:flex;flex-direction:column;align-items:center;font-family:AvantGarde,helvetica,Arial,serif;font-size:.75rem;line-height:1.25;letter-spacing:.7px;width:min(70%,400px);overflow:hidden}
.vto-infos{display:flex;padding:1.25rem;grid-gap:.75rem}
.vto-infos .vto-message{text-transform:uppercase;font-weight:600}

	vyking-apparel .vyking-advice {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 5; color: #FFF; text-transform: uppercase;font-size: 14px; letter-spacing: .06875rem;}
	
	vyking-apparel .vyking-advice .message-advice {padding: 2rem; background: url(https://fr-staging.maje.com/on/demandware.static/-/Sites-maje-master-catalog/fr_FR/top-left.svg) left top no-repeat, url(https://fr-staging.maje.com/on/demandware.static/-/Sites-maje-master-catalog/fr_FR/top-right.svg) right top no-repeat, url(https://fr-staging.maje.com/on/demandware.static/-/Sites-maje-master-catalog/fr_FR/bottom-left.svg) left bottom no-repeat, url(https://fr-staging.maje.com/on/demandware.static/-/Sites-maje-master-catalog/fr_FR/bottom-right.svg) right bottom no-repeat; background-size: 16px; position: relative; line-height: 1;}
	html[lang="fr"] .message-advice:after {content:"Placer les pieds ici"}
	html[lang="en"] .message-advice:after {content:"Place your feet here"}
	html[lang="es"] .message-advice:after {content:"Coloca los pies aquí"}
	html[lang="it"] .message-advice:after {content:"Metti i piedi qui"}
	html[lang="de"] .message-advice:after {content:"Stellen Sie Ihre Füße hier hin"}
	
	.vyking-close {position: absolute; top: 1rem; right: 1rem; z-index: 6; background: #FFF; width: 32px; height: 32px;display: flex;
align-items: center;
justify-content: center; border-radius: 50%;}
	.vyking-close .close-icon {position: relative; width: 16px; height: 16px; transform: rotate(45deg);}
	.vyking-close .close-icon:after, .vyking-close .close-icon:before {content: ''; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;}
	.vyking-close .close-icon:after {width: 1px; height: 100%;}
	.vyking-close .close-icon:before {width: 100%; height: 1px; }
	
	vyking-apparel {opacity: 0; pointer-events: none;}
	body.vto-show vyking-apparel{opacity: 1; pointer-events: all;}
	body:not(.vto-show) .vyking-close {display: none;}
	body.vto-show .vto-button {display: none;}