.mb-deurtje{--mb-deur-hoek: -9deg;--mb-deur-duur: .6s;--mb-deur-perspectief: 1000px;transform:perspective(var(--mb-deur-perspectief)) rotateY(0);transform-origin:left center;transition:transform var(--mb-deur-duur) cubic-bezier(.22,.8,.24,1),box-shadow var(--mb-deur-duur) ease;backface-visibility:hidden}.mb-deurtje:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:inherit;background:linear-gradient(to right,color-mix(in srgb,var(--mb-zwart) 22%,transparent) 0%,transparent 40%,color-mix(in srgb,var(--mb-wit) 12%,transparent) 100%);opacity:0;pointer-events:none;transition:opacity var(--mb-deur-duur) ease}.mb-deurtje.is-open,.mb-deurtje:focus-visible{z-index:1;transform:perspective(var(--mb-deur-perspectief)) rotateY(var(--mb-deur-hoek));box-shadow:16px 20px 40px -16px color-mix(in srgb,var(--mb-zwart) 45%,transparent)}.mb-deurtje.is-open:after,.mb-deurtje:focus-visible:after{opacity:1}@media(hover:hover){.mb-deurtje{--mb-deur-hoek: -6deg}.mb-deurtje:hover{z-index:1;transform:perspective(var(--mb-deur-perspectief)) rotateY(var(--mb-deur-hoek));box-shadow:16px 20px 40px -16px color-mix(in srgb,var(--mb-zwart) 45%,transparent)}.mb-deurtje:hover:after{opacity:1}}@media(hover:none){.mb-deurtje{--mb-deur-duur: .3s}}@media(prefers-reduced-motion:reduce){.mb-deurtje,.mb-deurtje:hover,.mb-deurtje.is-open,.mb-deurtje:focus-visible{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/mublio-deurtje.css.map */