.dior-menu .drawer__inner .popout-list{top:auto;bottom:100%}.dior-menu .dior-drawer-wrapper{position:fixed;top:16px;bottom:unset;left:16px;right:auto;z-index:6001;display:flex;flex-direction:row;align-items:stretch;background:var(--bg);border-radius:8px;overflow:hidden;visibility:hidden;pointer-events:none}.dior-menu.is-open .dior-drawer-wrapper,.dior-menu.is-closing .dior-drawer-wrapper{visibility:visible;pointer-events:auto}.dior-menu.drawer--header .drawer__inner{position:relative!important;top:0!important;left:auto!important;right:auto!important;height:auto!important;width:320px;max-width:320px;flex-shrink:0;border-radius:0!important;background:transparent;box-shadow:none}@keyframes diorSlideInLeft{0%{opacity:0;transform:translate(-100%);visibility:hidden}to{opacity:1;transform:translate(0);visibility:visible}}@keyframes diorSlideOutLeft{0%{opacity:1;transform:translate(0);visibility:visible}to{opacity:0;transform:translate(-100%);visibility:hidden}}.dior-menu.drawer--header.is-open .drawer__inner{animation:diorSlideInLeft .3s ease!important;animation-fill-mode:forwards!important}.dior-menu.drawer--header.is-closing .drawer__inner{animation:diorSlideOutLeft .3s ease!important;animation-fill-mode:forwards!important}.dior-menu.drawer--header .drawer__underlay{background:#00000059}@media only screen and (min-width:768px){.dior-menu.drawer--header .drawer__underlay{background:transparent;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}:root{--dior-col-w: calc((100dvh - 56px)*.4) }.dior-image-panel{position:relative;flex:0 0 auto;display:grid;grid-template-rows:repeat(2,1fr);gap:8px;max-width:0;padding:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:max-width .35s ease,padding .35s ease,opacity .35s ease,visibility 0s linear .35s}.dior-image-panel.is-visible[data-columns="1"]{grid-template-columns:repeat(1,var(--dior-col-w));grid-template-rows:repeat(1,1fr);max-width:calc(var(--dior-col-w) + 16px)}.dior-image-panel.is-visible[data-columns="2"]{grid-template-columns:repeat(2,var(--dior-col-w));grid-template-rows:repeat(1,1fr);max-width:calc(var(--dior-col-w) * 2 + 24px)}.dior-image-panel.is-visible[data-columns="4"]{grid-template-columns:repeat(2,var(--dior-col-w));grid-template-rows:repeat(2,1fr);max-width:calc(var(--dior-col-w) * 2 + 24px)}.dior-image-panel.is-visible[data-columns="2r3"]{grid-template-columns:repeat(2,var(--dior-col-w));grid-template-rows:repeat(3,1fr);max-width:calc(var(--dior-col-w) * 2 + 24px);overflow-y:auto}.dior-image-panel.is-visible{padding:8px;opacity:1;visibility:visible;pointer-events:auto;transition:max-width .35s ease,padding .35s ease,opacity .35s ease,visibility 0s linear 0s}.dior-image-group{display:contents}.dior-image-panel .menu__block{padding:0;overflow:hidden}.dior-image-panel .header__dropdown__image{height:100%;position:relative;opacity:1!important;overflow:hidden}.dior-image-panel .header__dropdown__image .image-wrapper,.dior-image-panel .header__dropdown__image img{width:100%;height:100%;object-fit:cover;display:block}.dior-menu .sliderule-grid{display:none}@media only screen and (max-width:767px){.dior-image-panel,.dior-image-panel.is-visible{display:none!important}.dior-menu .dior-drawer-wrapper{bottom:auto;max-height:calc(100vh - 32px);overflow-y:auto}.dior-menu.drawer--header .drawer__inner{height:calc(100vh - 32px)!important;height:auto!important;max-height:calc(100vh - 32px)!important}.dior-menu .sliderule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:8px;padding-left:8px;padding-right:8px}.dior-menu .sliderule-grid .menu__block{padding:0;overflow:hidden;aspect-ratio:4 / 5}.dior-menu .sliderule-grid .header__dropdown__image{height:100%;position:relative;opacity:1!important;overflow:hidden}.dior-menu .sliderule-grid .header__dropdown__image .image-wrapper,.dior-menu .sliderule-grid .header__dropdown__image img{width:100%;height:100%;object-fit:cover;display:block}.menu__block .hero__title.heading-small{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/dior-mobile-menu.css.map */