.mobile-settings-menu-drawer{--mobile-settings-menu-offset: 98px;position:fixed;top:0;left:0;width:100vw;height:100vh;border-top:1px solid var(--color-header-border, var(--color-border, #dadce0));background:var(--color-header-bg, var(--bg-body, #fff));display:block;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;text-align:left;opacity:0;visibility:hidden;transform:translateY(50px);transition:opacity .25s cubic-bezier(.104,.204,.492,1),transform .25s cubic-bezier(.104,.204,.492,1);z-index:9999}@supports (height: 100dvh){.mobile-settings-menu-drawer{height:100dvh}}@media only screen and (min-width: 768px){.mobile-settings-menu-drawer{--mobile-settings-menu-offset: 106px}}.mobile-settings-menu-drawer.active{transform:translateY(0);opacity:1!important;visibility:visible!important}.mobile-settings-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--color-header-bg, var(--bg-body, #fff))}.mobile-settings-menu-title{font-size:32px;font-weight:700;font-family:inherit;margin:0;color:#262525}.mobile-settings-menu-close{background:transparent;border:none;cursor:pointer;padding:15px 0 15px 15px;display:flex;align-items:center;justify-content:center;gap:4px;color:#64635c}.mobile-settings-menu-close span{font-size:14px;font-weight:400;color:#64635c}.mobile-settings-menu-close svg{margin:4px 8px 4px 4px;width:11px;height:11px;fill:#64635c}.mobile-settings-menu-close svg path{stroke-width:3px;stroke:#64635c}.mobile-settings-menu-close:hover{cursor:pointer}.mobile-settings-menu-drawer--inner{display:flex;flex-direction:column;gap:16px;padding:0 0 64px;min-height:100%}.mobile-settings-banner-container{display:flex;justify-content:center;align-items:center;width:100%;padding:0 16px}.mobile-settings-banner{background:#dbf7ff;padding:16px;width:100%;max-width:500px;margin:0 auto;border-radius:8px;text-align:center;border:1px solid #50CDEE}.mobile-settings-banner--secondary{background:#f1dcf5;border:1px solid #D69FE4}.mobile-settings-banner-content{display:flex;flex-direction:column;gap:16px}.mobile-settings-banner-content ul{display:flex;flex-direction:column;gap:6px;list-style:none;padding:0;margin:0}.mobile-settings-banner-content ul li,.mobile-settings-banner-heading-container{display:flex;align-items:center;gap:8px}.mobile-settings-banner-heading-icon-container{width:24px;height:24px;border-radius:50%;background-color:#20aacf;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}.mobile-settings-banner-heading-icon-container--secondary{background:#bb74cd}.mobile-settings-banner-heading-icon-container--secondary svg{width:14px;height:14px;margin-right:2px}.mobile-settings-banner-heading-icon-container--secondary svg path{stroke:#fff}.mobile-settings-banner-heading-icon-container-icon{transform:translate(1px) translateY(1px)}.mobile-settings-banner-heading-icon-container-icon svg{width:14px;height:14px}.mobile-settings-banner-content p{text-align:left;font-size:14px;color:#262525;margin:0;line-height:1.6}.mobile-settings-banner-feature-container{display:flex;flex-direction:column;gap:6px}.mobile-settings-banner-feature-list li svg{width:15px;height:15px}.mobile-settings-banner-feature-list li svg path{fill:#bb74cd}.mobile-settings-banner-heading{font-weight:700}.mobile-settings-banner-buttons-container{display:flex;flex-direction:row;gap:16px}.mobile-settings-banner-button{width:100%;background:#328e42;color:#fff;padding:8px 0;border-radius:9999px;text-decoration:none;text-align:center;font-size:16px;font-weight:700;transition:background .2s ease;max-width:420px;margin:0 auto}.mobile-settings-banner-button:hover{background:#296c35;color:#fff}.mobile-settings-banner-button--secondary{background:#fffefd;color:#328e42}.mobile-settings-banner-button--secondary:hover{background-color:#ebeae0;color:#328e42}.mobile-settings-menu-list{list-style:none;margin:0;padding:0 20px}.mobile-settings-menu-list li{border-bottom:1px solid #EBEAE0;height:56px}.mobile-settings-menu-item{display:flex;align-items:center;padding:16px 0;text-decoration:none;color:#262525;transition:opacity .2s ease;position:relative;overflow:hidden}button.mobile-settings-menu-item{width:100%;margin:0;text-align:left;background:none;border:none;font:inherit;cursor:pointer}.mobile-settings-menu-item:after{content:"";position:absolute;right:0;top:0;width:100px;height:100%;background:linear-gradient(to right,transparent 0%,#FFFFFF 80%,#FFFFFF 100%);pointer-events:none;z-index:2}.mobile-settings-menu-item:hover{opacity:2;cursor:pointer}.mobile-settings-menu-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px}.mobile-settings-menu-icon svg{width:20px;height:20px}.mobile-settings-menu-icon svg path{fill:none;stroke:#262525}.mobile-settings-menu-label{font-size:14px;font-weight:400;color:#262525;white-space:nowrap;position:relative;z-index:1}.mobile-settings-menu-arrow{display:flex;align-items:center;justify-content:center;width:20px;height:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:3}.mobile-settings-menu-arrow svg{width:8px;height:14px}.mobile-settings-menu-arrow svg{color:#262525}.mobile-settings-menu-arrow svg path{stroke:#262525;stroke-width:2px}[dir=rtl] .mobile-settings-menu-icon{margin-right:0;margin-left:12px}[dir=rtl] .mobile-settings-menu-arrow{right:auto;left:0}[dir=rtl] .mobile-settings-menu-arrow svg{transform:rotate(180deg)}[dir=rtl] .mobile-settings-menu-item:after{right:auto;left:0;background:linear-gradient(to left,transparent 0%,#FFFFFF 25%,#FFFFFF 100%)}
/*# sourceMappingURL=/cdn/shop/t/63/assets/mobile-settings-menu.css.map */