.CP-supportDrawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9998}.CP-supportDrawer-overlay:empty{display:block}.CP-support-btn{width:60px;height:60px;cursor:pointer;border-radius:50%;bottom:86px;left:16px;display:flex;align-items:center;justify-content:center;z-index:9;position:fixed;transition:transform .2s cubic-bezier(.4,.22,.28,1),opacity 80ms ease;background:#871b16;box-shadow:0 4px 10px #0003}.CP-support-btn svg{flex:0 0 30px;width:30px;height:30px;fill:#fff}.CP-supportDrawer{position:fixed;top:10px;left:10px;width:376px;height:calc(100vh - 20px);background:#fff;border-radius:6px;box-shadow:0 4px 14px #0000001a;display:flex;flex-direction:column;overflow:hidden;z-index:9999;box-sizing:border-box}.CP-supportDrawer .CP-header{background:#871b16;color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative}.CP-supportDrawer .CP-header:before{content:"";position:absolute;width:100%;bottom:-3px;left:0;border-image-source:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNTAgMjgiIGZpbGw9Im5vbmUiPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDExXzMpIj4KPHBhdGggZD0iTS0xMzAgMjNDLTEwMCAyMyAtNzIgNSAtNDIgNUMtMTIgNSAxNiAyMyA0NiAyM0M3NiAyMyAxMDQgNSAxMzQgNUMxNjQgNSAxOTIgMjMgMjIyIDIzVjY3SC0xMzBWMjNaIiBmaWxsPSIjRkZGQ0Y4Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDExXzMiPgo8cmVjdCB3aWR0aD0iMTUwIiBoZWlnaHQ9IjI4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPg==);border-image-slice:0 0 100%;border-bottom:solid 15px}.CP-supportDrawer .CP-header-icons{display:flex;gap:10px}.CP-supportDrawer .CP-header-icons .CP-icon{background:#fff;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.CP-supportDrawer .CP-header-icons .CP-icon svg{width:16px;height:16px;fill:#871b16;transition:transform .2s cubic-bezier(.4,.22,.28,1)}.CP-supportDrawer .CP-header-icons [data-cp-phone-link] svg{transform:scaleX(-1)}.CP-supportDrawer .CP-header-icons .CP-icon:hover svg{transform:scale(1.15)}.CP-supportDrawer .CP-header-icons [data-cp-phone-link]:hover svg{transform:scaleX(-1) scale(1.15)}.CP-supportDrawer .CP-close{cursor:pointer;display:flex;justify-content:center;align-items:center;width:40px;height:40px;right:10px;position:absolute;z-index:9}.CP-supportDrawer .CP-close:after{content:"";position:absolute;z-index:-1;top:50%;left:50%;border-radius:50%;background-color:#00000026;width:40px;height:40px;margin-top:-20px;margin-left:-20px;transform:scale(0);transition:transform .2s cubic-bezier(.4,.22,.28,1)}.CP-supportDrawer .CP-close:hover:after{transform:scale(1)}.CP-supportDrawer .CP-close svg{width:16px;height:16px;fill:#fff}.CP-supportDrawer .CP-body{position:relative;flex:1;overflow:hidden;background:#fff}.CP-supportDrawer .CP-page{position:absolute;top:0;left:100%;width:100%;height:100%;background:var(--gradient-background);overflow-y:auto;padding:15px;transition:all .3s ease-in-out;box-sizing:border-box}.CP-supportDrawer .CP-page.active{left:0}.CP-supportDrawer .CP-page-main.active~.CP-page-category,.CP-supportDrawer .CP-page-category.active~.CP-page-answer{left:100%}.CP-supportDrawer h3{font-size:14px;color:#363636}.CP-supportDrawer .CP-body .CP-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.CP-supportDrawer .CP-body .CP-category{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:4px;background:#f7f7f7;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #00000014}.CP-supportDrawer .CP-body .CP-category:hover{border:1px solid #4b6246;background:#fff;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.CP-supportDrawer .CP-body .CP-category .CP-category-icon{width:30px;object-fit:contain}.CP-supportDrawer .CP-body .CP-category span{font-size:12px;text-align:center;color:#363636}.CP-supportDrawer .CP-body .CP-general{display:flex;flex-direction:column;gap:10px;margin:16px 0}.CP-supportDrawer .CP-body .CP-question{display:flex;gap:10px;padding:12px;font-size:12px;background:#f7f7f7;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #00000014;color:#363636}.CP-supportDrawer .CP-body .CP-question:hover{border:1px solid #4b6246;background:#fff;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.CP-supportDrawer .CP-body .CP-question div{display:flex;flex-direction:column}.CP-supportDrawer .CP-body .CP-question img{width:30px;object-fit:contain}.CP-supportDrawer .CP-category-header{display:flex;gap:10px;align-items:center;margin-bottom:10px}.CP-supportDrawer .CP-back{background:none;cursor:pointer;width:34px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:4px;border:1px solid #babfc3}.CP-supportDrawer .CP-back svg{width:20px;height:20px;fill:#4b6246}.CP-supportDrawer .CP-category-questions{display:flex;flex-direction:column;gap:10px}.CP-supportDrawer .CP-answer-question{font-weight:600;color:#363636}.CP-supportDrawer .CP-answer-category{font-size:12px;font-weight:600;color:#363636;padding-left:44px}.CP-supportDrawer .CP-answer-text{font-size:12px;color:#363636;white-space:pre-line;margin:16px 0 0;padding:16px;background-color:#fff;border-radius:4px 20px 20px;box-shadow:#455a644d 0 20px 15px -20px}.CP-supportDrawer .CP-answer-text a{text-decoration:underline;font-weight:600;font-size:12px;color:#363636;white-space:nowrap}.CP-supportDrawer .CP-answer-navigation{margin-block:10px;display:flex;flex-direction:column;gap:8px}.CP-supportDrawer .CP-answer-navigation .CP-prev-que,.CP-supportDrawer .CP-answer-navigation .CP-next-que{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.CP-supportDrawer .CP-prev,.CP-supportDrawer .CP-next{display:flex;align-items:center;font-size:12px;color:#363636;cursor:pointer}.CP-supportDrawer .CP-prev:hover,.CP-supportDrawer .CP-next:hover{color:#000}.CP-supportDrawer .CP-prev-btn,.CP-supportDrawer .CP-next-btn{border:none;background:none;outline:none;width:16px;height:16px;min-width:16px;min-height:16px;padding:0;margin-right:4px}.CP-supportDrawer .CP-prev-btn svg,.CP-supportDrawer .CP-next-btn svg{fill:#4b6246;position:relative;display:block;width:100%;height:100%;max-width:100%;max-height:100%;transition:fill .2s cubic-bezier(.4,.22,.28,1)}@media screen and (max-width:768px){.CP-supportDrawer{width:95%;left:50%;transform:translate(-50%)}.CP-support-btn svg{width:24px;height:24px}.CP-support-btn{width:40px;height:40px;bottom:66px}}
/*# sourceMappingURL=/cdn/shop/t/663/assets/cp-support.css.map */
