.menu-drawer{background:#fff!important;border-right:3px solid #3B303E!important}.menu-drawer__title-and-close-btn{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:18px 22px 14px!important;border-bottom:2px solid rgba(59,48,62,.15)!important;background:linear-gradient(135deg,#fff,#f8f4fb)!important}.menu-drawer__title{font-family:Fraunces,serif!important;font-weight:900!important;font-size:22px!important;color:#3b303e!important;letter-spacing:-.02em!important;margin:0!important}.menu-drawer__close-btn,.menu-drawer__close-menu-btn{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#3b303e!important;border-radius:50%!important;border:none!important;color:#fff!important;transition:background .2s ease,transform .2s ease!important;padding:0!important}.menu-drawer__close-btn:hover,.menu-drawer__close-menu-btn:hover{background:#c5ff89!important;color:#3b303e!important;transform:rotate(90deg)!important}.menu-drawer__close-btn svg,.menu-drawer__close-menu-btn svg{width:18px!important;height:18px!important;color:inherit!important}.menu-drawer__navigation-container{padding:12px 16px 20px!important}.menu-drawer__navigation{padding:0!important}.menu-drawer__menu.list-menu{padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}.menu-drawer__menu-item{font-family:Inter,sans-serif!important;font-weight:700!important;font-size:16px!important;color:#3b303e!important;text-decoration:none!important;padding:14px 18px!important;border-radius:14px!important;border:2px solid transparent!important;transition:all .25s cubic-bezier(.25,.46,.45,.94)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:transparent!important;letter-spacing:-.01em!important;position:relative!important}.menu-drawer__menu-item:hover,.menu-drawer__menu-item:focus{background:#3b303e12!important;border-color:#3b303e1f!important;color:#3b303e!important;text-decoration:none!important}.menu-drawer__menu-item:active{background:#3b303e1f!important;transform:scale(.98)!important}.menu-drawer__menu-item--active{background:#3b303e0f!important;border-color:#3b303e1a!important}.menu-drawer__menu-item .icon-caret,.menu-drawer__menu-item .icon-arrow{width:20px!important;height:20px!important;color:#3b303e!important;opacity:.5!important;transition:opacity .2s ease,transform .2s ease!important}.menu-drawer__menu-item:hover .icon-caret,.menu-drawer__menu-item:hover .icon-arrow{opacity:1!important;transform:translate(3px)!important}.menu-drawer__submenu{background:#fff!important;border-left:none!important}.menu-drawer__inner-submenu{padding:0!important}.menu-drawer__close-button{font-family:Inter,sans-serif!important;font-weight:700!important;font-size:14px!important;color:#3b303e!important;padding:16px 20px!important;display:flex!important;align-items:center!important;gap:8px!important;border-bottom:2px solid rgba(59,48,62,.1)!important;background:linear-gradient(135deg,#fff,#f8f4fb)!important;text-decoration:none!important;transition:background .2s ease!important}.menu-drawer__close-button:hover{background:#3b303e0d!important}.menu-drawer__close-button .icon-arrow{transform:rotate(180deg)!important;width:16px!important;height:16px!important}.menu-drawer__submenu .menu-drawer__menu-item{font-weight:500!important;font-size:15px!important;padding:12px 18px 12px 24px!important;border-radius:12px!important}.header__menu-item__preview-image--mobile{border-radius:12px!important;overflow:hidden!important;border:2px solid rgba(59,48,62,.12)!important}.header__menu-item__preview-image--mobile img{border-radius:10px!important}.menu-drawer__utility-links{padding:20px 22px!important;border-top:2px solid rgba(59,48,62,.12)!important;margin-top:auto!important;background:linear-gradient(180deg,transparent 0%,rgba(59,48,62,.03) 100%)!important}.menu-drawer__account{font-family:Inter,sans-serif!important;font-weight:700!important;font-size:14px!important;color:#3b303e!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:10px!important;padding:12px 20px!important;background:#fff!important;border:2px solid rgba(59,48,62,.15)!important;border-radius:999px!important;transition:all .2s ease!important;margin-bottom:16px!important}.menu-drawer__account:hover{background:#c5ff89!important;border-color:#3b303e!important;color:#3b303e!important;text-decoration:none!important}.menu-drawer__account svg{width:18px!important;height:18px!important}.menu-drawer__utility-links .list-social{display:flex!important;gap:10px!important;padding:0!important;margin-top:12px!important;flex-wrap:wrap!important}.menu-drawer__utility-links .list-social__item{list-style:none!important}.menu-drawer__utility-links .list-social__link{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:50%!important;background:#fff!important;border:2px solid rgba(59,48,62,.12)!important;color:#3b303e!important;transition:all .2s ease!important}.menu-drawer__utility-links .list-social__link:hover{background:#c5ff89!important;border-color:#3b303e!important;transform:translateY(-2px)!important}.menu-drawer__utility-links .list-social__link svg{width:18px!important;height:18px!important}.menu-drawer__utility-links .disclosure{margin-top:16px!important}.menu-drawer__utility-links .disclosure__button{font-family:Inter,sans-serif!important;font-weight:600!important;font-size:13px!important;color:#3b303e!important;padding:10px 16px!important;background:#fff!important;border:2px solid rgba(59,48,62,.12)!important;border-radius:999px!important;transition:all .2s ease!important}.menu-drawer__utility-links .disclosure__button:hover{border-color:#3b303e!important}.header__icon--menu{color:#3b303e!important}.header__icon--menu:hover{color:#3b303e!important;opacity:.7!important}.menu-drawer-container[open]>.menu-drawer{animation:paintlySlideIn .35s cubic-bezier(.25,.46,.45,.94) forwards!important}@keyframes paintlySlideIn{0%{transform:translate(-100%);opacity:.5}to{transform:translate(0);opacity:1}}.menu-drawer::-webkit-scrollbar{width:4px}.menu-drawer::-webkit-scrollbar-track{background:transparent}.menu-drawer::-webkit-scrollbar-thumb{background:#3b303e33;border-radius:4px}.menu-drawer::-webkit-scrollbar-thumb:hover{background:#3b303e66}.menu-drawer .products-mega-menu__cards{padding:12px 0!important;gap:10px!important}.products-mega-menu__content{display:none!important;pointer-events:none!important}.menu-drawer .products-mega-menu__cards .card-wrapper{border-radius:12px!important;overflow:hidden!important;border:2px solid rgba(59,48,62,.1)!important}.menu-drawer-container details summary{list-style:none!important}.menu-drawer-container details summary::-webkit-details-marker{display:none!important}.menu-drawer__inner-container{display:flex!important;flex-direction:column!important;height:100%!important;min-height:100vh!important}.menu-drawer__navigation--secondary .menu-drawer__menu-item{font-size:14px!important;font-weight:500!important;color:#3b303eb3!important;padding:10px 18px!important}.menu-drawer__navigation--secondary .menu-drawer__menu-item:hover{color:#3b303e!important}.menu-drawer__collection-img{width:44px!important;height:44px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important;border:2px solid rgba(59,48,62,.1)!important;transition:border-color .2s ease,transform .2s ease!important}.menu-drawer__menu-item:hover .menu-drawer__collection-img{border-color:#3b303e40!important;transform:scale(1.05)!important}.menu-drawer__item-with-img{display:flex!important;align-items:center!important;gap:14px!important}.menu-drawer__item-text{flex:1!important}.menu-drawer__close-btn svg path,.menu-drawer__close-menu-btn svg path,.menu-drawer__close-btn svg,.menu-drawer__close-menu-btn svg{fill:#fff!important;color:#fff!important}.menu-drawer__close-btn:hover svg path,.menu-drawer__close-menu-btn:hover svg path,.menu-drawer__close-btn:hover svg,.menu-drawer__close-menu-btn:hover svg{fill:#3b303e!important;color:#3b303e!important}.header{border-bottom:2px solid rgba(59,48,62,.08)!important;background:#fff!important}.header__menu-item--main{font-family:Inter,sans-serif!important;font-weight:600!important;font-size:14px!important;color:#3b303e!important;letter-spacing:-.01em!important;text-decoration:none!important;padding:10px 14px!important;border-radius:10px!important;transition:all .22s ease!important}.header__menu-item--main:hover,.header__menu-item--main:focus{color:#3b303e!important;background:#3b303e0d!important;text-decoration:none!important}.header__menu-item--main[aria-expanded=true]{color:#3b303e!important;background:#3b303e0f!important;text-decoration:none!important}.header__menu-item--main .icon-caret{color:#3b303e!important;opacity:.4!important;transition:transform .25s ease,opacity .25s ease!important;width:10px!important;height:10px!important}.header__menu-item--main:hover .icon-caret{opacity:1!important}.header__menu-item--main[aria-expanded=true] .icon-caret{transform:rotate(180deg)!important;opacity:1!important}.header__icon{color:#3b303e!important;transition:opacity .2s ease!important}.header__icon:hover{opacity:.65!important}.products-mega-menu__body{background:#fff!important;border-top:2px solid rgba(59,48,62,.06)!important;border-bottom:3px solid #3B303E!important;box-shadow:0 20px 60px #3b303e1a,0 4px 12px #3b303e0d!important;padding:0!important}.products-mega-menu__container{display:flex!important;max-width:1300px!important;margin:0 auto!important;padding:0!important}.products-mega-menu__cards{display:none!important}.products-mega-menu__list{width:100%!important;max-width:100%!important;max-height:520px!important;overflow-y:auto!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;padding:20px 28px!important;background:#fff!important;border-right:none!important}.products-mega-menu__item{display:flex!important;align-items:center!important;gap:12px!important;font-family:Inter,sans-serif!important;font-weight:600!important;font-size:13.5px!important;color:#3b303e!important;padding:10px 14px!important;border-radius:12px!important;border:2px solid transparent!important;text-decoration:none!important;transition:all .2s ease!important;cursor:pointer!important;white-space:nowrap!important}.products-mega-menu__item:hover{background:transparent!important;border-color:transparent!important;color:#3b303e!important;text-decoration:none!important}.products-mega-menu__item:hover a{color:#3b303e!important;text-decoration:underline!important;text-underline-offset:3px!important}.products-mega-menu__item--active{background:transparent!important;border-color:transparent!important;font-weight:600!important}.products-mega-menu__item--active a{text-decoration:underline!important;text-underline-offset:3px!important}.products-mega-menu__item .header__menu-item__preview-image{width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;overflow:hidden!important;border:2px solid rgba(59,48,62,.08)!important;flex-shrink:0!important;transition:border-color .2s ease,transform .2s ease!important}.products-mega-menu__item:hover .header__menu-item__preview-image{border-color:#3b303e33!important;transform:scale(1.06)!important}.products-mega-menu__item .header__menu-item__preview-image img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}.products-mega-menu__item .icon-caret,.products-mega-menu__item .icon-arrow{display:none!important}.products-mega-menu__item:after,.products-mega-menu__item:before{display:none!important}.products-mega-menu__list>li{border:none!important}.products-mega-menu__overlay{background:#3b303e1f!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}.products-mega-menu__list::-webkit-scrollbar{width:5px}.products-mega-menu__list::-webkit-scrollbar-track{background:transparent}.products-mega-menu__list::-webkit-scrollbar-thumb{background:#3b303e26;border-radius:5px}.products-mega-menu__list::-webkit-scrollbar-thumb:hover{background:#3b303e4d}.mega-menu__content{background:#fff!important;border-top:2px solid rgba(59,48,62,.06)!important;border-bottom:3px solid #3B303E!important;box-shadow:0 20px 60px #3b303e1a,0 4px 12px #3b303e0d!important}.mega-menu__list{padding:16px 12px!important}.mega-menu__link{font-family:Inter,sans-serif!important;font-weight:600!important;font-size:14px!important;color:#3b303e!important;padding:10px 16px!important;border-radius:10px!important;text-decoration:none!important;transition:all .2s ease!important}.mega-menu__link:hover{background:#3b303e0d!important;color:#3b303e!important;text-decoration:none!important}.mega-menu__link--level-2{font-weight:500!important;font-size:13px!important;color:#3b303ea6!important;padding:8px 16px 8px 28px!important}.mega-menu__link--level-2:hover{color:#3b303e!important}@media (max-width: 1100px){.products-mega-menu__list{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 850px){.products-mega-menu__list{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 750px){.header__menu-item>.icon-caret,.header__menu-item>svg.icon-caret{width:14px!important;height:14px!important;margin-left:12px!important;opacity:.65!important;color:#3b303e!important;vertical-align:middle!important;position:relative!important;top:1px!important;transition:transform .2s ease,opacity .2s ease!important;flex-shrink:0!important}details[open]>summary>.icon-caret,details[open]>summary.header__menu-item>.icon-caret{transform:rotate(180deg)!important;opacity:.8!important}.header__menu-item:hover>.icon-caret{opacity:1!important}}@media (min-width: 750px){header.header{border-bottom:none!important}}@media (min-width: 750px){sticky-header.header-wrapper{position:relative!important;z-index:4!important;background:#fff!important}.phb__inner{box-shadow:none!important}.phb__inner>section{box-shadow:none!important}section:has(.phb__inner){box-shadow:none!important}}#Details-menu-drawer-container:not([open])>#menu-drawer{display:block!important}#Details-menu-drawer-container:not([open])>#menu-drawer,#menu-drawer:not(.active){transform:translate(-100%)!important;visibility:hidden!important;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s!important}#Details-menu-drawer-container[open]>#menu-drawer{transform:translate(0)!important;visibility:visible!important;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s!important}#Details-menu-drawer-container:not([open])~.modal-overlay{opacity:0!important;visibility:hidden!important;transition:opacity .3s ease,visibility 0s linear .3s!important}#Details-menu-drawer-container[open]~.modal-overlay{opacity:1!important;visibility:visible!important;transition:opacity .3s ease,visibility 0s linear 0s!important}
/*# sourceMappingURL=/cdn/shop/t/27/assets/paintly-mobile-menu.css.map */