.menu-drawer{width:min(650px,100%)!important;background:#f2f3f2!important;padding:29px clamp(24px,4vw,48px) 25px!important;overflow-y:auto!important;overflow-x:hidden!important}
.menu-drawer .drawer-molecule{right:-21%;bottom:-9%;width:92%;height:74%;opacity:.07;filter:grayscale(1) contrast(.7);pointer-events:none}
.menu-drawer .drawer-molecule{position:absolute;z-index:0;background:url("//delacosmetics.com/cdn/shop/t/24/assets/molecule.webp?v=71220347218084699101793223721") center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 50%)}
.menu-drawer .drawer-head{padding-bottom:25px;border-bottom:1px solid #c9cdce;flex:none}
.menu-drawer .drawer-logo{display:block;width:155px;height:42px;background:url("//delacosmetics.com/cdn/shop/t/24/assets/dela-wordmark-black.webp?v=181845911351920825951793223721") left center/contain no-repeat;flex:none}
.menu-drawer .drawer-kicker{margin:37px 0 11px!important;color:#7b8183;font-size:10px;letter-spacing:.2em}
.menu-drawer .menu-groups{position:relative;z-index:2;margin:0!important;display:block!important;flex:none}
.menu-drawer .menu-group{border-top:1px solid #cdd1d2;padding:14px 0 17px}
.menu-drawer .menu-group:first-child{border-top:0}
.menu-drawer .menu-group-label{display:block;color:#7b8385;font-size:10px;font-weight:500;letter-spacing:.17em;text-transform:uppercase;margin:3px 0 8px}
.menu-drawer .menu-link{display:grid!important;grid-template-columns:33px 1fr 20px;align-items:baseline;gap:6px;padding:9px 0!important;border:0!important;font-size:clamp(24px,2.4vw,31px)!important;font-weight:300;letter-spacing:-.048em;line-height:1.15;transition:transform .2s,color .2s}
.menu-drawer .menu-link:hover{padding-left:0!important;transform:translateX(5px);color:#657073}
.menu-drawer .menu-link:active{transform:translateX(2px)}
.menu-drawer .menu-link .menu-no{font-size:10px;letter-spacing:0;color:#879093;font-weight:500;align-self:center}
.menu-drawer .menu-link .menu-arrow{font-size:16px;font-style:normal;letter-spacing:0;font-weight:300;align-self:center;text-align:right}
.menu-drawer .menu-link .menu-link-label{min-width:0}
.menu-drawer .menu-link small{font-size:11px!important;letter-spacing:0!important;text-transform:none!important;color:#727a7d!important;margin-top:3px!important;font-weight:400!important;line-height:1.3}
.menu-drawer .menu-product{position:relative;z-index:2;border-top:1px solid #cdd1d2;padding:19px 0 4px;margin-top:auto;display:flex;align-items:center;gap:16px}
.menu-drawer .menu-product-image{width:73px;height:73px;border-radius:7px;overflow:hidden;background:#e0e3e3;flex:none}
.menu-drawer .menu-product img{width:100%;height:100%;object-fit:cover;display:block}
.menu-drawer .menu-product small{display:block;color:#737b7d;font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px}
.menu-drawer .menu-product strong{font-size:15px;font-weight:400;letter-spacing:-.025em}
.menu-drawer .menu-product .menu-arrow{margin-left:auto;font-size:19px;font-weight:300}
.menu-drawer .drawer-foot{position:relative;z-index:2;margin:19px 0 0!important;color:#899092;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.menu-drawer .drawer-head .close{font-size:27px;font-weight:300;line-height:1;width:36px;height:36px;text-align:center}
@media(max-width:650px){.menu-drawer{padding:21px 24px 22px!important}.menu-drawer .drawer-head{padding-bottom:17px}.menu-drawer .drawer-kicker{margin:27px 0 5px!important}.menu-drawer .menu-group{padding:10px 0 13px}.menu-drawer .menu-link{font-size:27px!important;padding:8px 0!important}.menu-drawer .menu-product{padding-top:14px}.menu-drawer .menu-product-image{width:62px;height:62px}.menu-drawer .drawer-foot{margin-top:14px!important}}
@media(max-height:690px){.menu-drawer .menu-link{padding:5px 0!important}.menu-drawer .drawer-kicker{margin-top:15px!important}.menu-drawer .menu-group{padding:7px 0}}
@media(prefers-reduced-motion:reduce){.menu-drawer .menu-link{transition:none}}