.pele-offcanvas{--pele-oc-accent:var(--e-global-color-primary,#6c47ff);--pele-oc-btn-align:flex-start;--pele-oc-btn-color:var(--pele-on-primary,#fff);--pele-oc-btn-color-hover:var(--pele-on-primary,#fff);--pele-oc-btn-bg:var(--pele-oc-accent);--pele-oc-btn-bg-hover:color-mix(in srgb,var(--pele-oc-accent) 85%,#000);--pele-oc-btn-border:transparent;--pele-oc-btn-border-hover:var(--pele-oc-btn-border);--pele-oc-btn-border-width:0px;--pele-oc-btn-radius:12px;--pele-oc-btn-icon:1em;--pele-oc-width:400px;--pele-oc-height:auto;--pele-oc-bg:#fff;--pele-oc-color:#3d4257;--pele-oc-title:#14172b;--pele-oc-divider:rgba(20,23,43,.08);--pele-oc-close:#14172b;--pele-oc-close-bg:rgba(20,23,43,.06);--pele-oc-close-size:40px;--pele-oc-overlay:rgba(12,10,28,.5);--pele-oc-blur:3px;--pele-oc-speed:380ms;--pele-oc-radius:0px;--pele-oc-dir:1;align-items:var(--pele-oc-btn-align);display:flex;flex-direction:column}.rtl .pele-offcanvas,[dir=rtl] .pele-offcanvas{--pele-oc-dir:-1}.pele-offcanvas--center{--pele-oc-width:560px;--pele-oc-radius:20px}.pele-offcanvas--bottom,.pele-offcanvas--top{--pele-oc-radius:0px}@media(max-width:767px){.pele-offcanvas{--pele-oc-width:86vw}.pele-offcanvas--center{--pele-oc-width:100%}}.pele-offcanvas .pele-offcanvas__toggle{align-items:center;background:var(--pele-oc-btn-bg);border:var(--pele-oc-btn-border-width) solid var(--pele-oc-btn-border);border-radius:var(--pele-oc-btn-radius);box-shadow:0 10px 24px -14px color-mix(in srgb,var(--pele-oc-btn-bg) 80%,#000);box-sizing:border-box;color:var(--pele-oc-btn-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:.55em;justify-content:center;line-height:1.2;margin:0;min-block-size:46px;padding:12px 22px;text-align:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;white-space:normal}.pele-offcanvas .pele-offcanvas__toggle:focus{background:var(--pele-oc-btn-bg);border-color:var(--pele-oc-btn-border);color:var(--pele-oc-btn-color)}.pele-offcanvas .pele-offcanvas__toggle:hover{background:var(--pele-oc-btn-bg-hover);border-color:var(--pele-oc-btn-border-hover);color:var(--pele-oc-btn-color-hover);transform:translateY(-1px)}.pele-offcanvas .pele-offcanvas__toggle:active{transform:none}.pele-offcanvas .pele-offcanvas__toggle:focus-visible{outline:2px solid var(--pele-oc-accent);outline-offset:3px}.pele-offcanvas .pele-offcanvas__toggle--icon-end{flex-direction:row-reverse}.pele-offcanvas__icon{display:inline-flex;font-size:var(--pele-oc-btn-icon);line-height:1}.pele-offcanvas__icon svg{block-size:1em;fill:currentColor;inline-size:1em}.pele-offcanvas__hint{border:1px dashed #c9cdda;border-radius:10px;color:#5f6580;font-size:13px;padding:10px 14px}.pele-offcanvas__hint--link{border:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;margin-block-start:6px;opacity:.8;padding:2px 8px}.pele-offcanvas__dialog{background:transparent;block-size:100%;border:0;box-sizing:border-box;color:var(--pele-oc-color);inline-size:100%;inset:0;margin:0;max-block-size:none;max-inline-size:none;overflow:hidden;overflow:clip;overscroll-behavior:contain;padding:0;position:fixed;z-index:100000}.pele-offcanvas__dialog::backdrop{background:transparent}.pele-offcanvas__dialog:not([open]){display:none}.pele-offcanvas__overlay{backdrop-filter:blur(var(--pele-oc-blur));background:var(--pele-oc-overlay);inset:0;opacity:0;position:absolute;transition:opacity var(--pele-oc-speed) ease}.pele-offcanvas--no-overlay .pele-offcanvas__overlay{backdrop-filter:none;background:transparent}.pele-offcanvas__panel{background:var(--pele-oc-bg);box-shadow:0 0 0 1px rgba(20,23,43,.04),0 30px 80px -20px rgba(12,10,28,.45);box-sizing:border-box;color:var(--pele-oc-color);display:flex;flex-direction:column;max-block-size:100%;max-inline-size:100%;outline:none;overflow:hidden;position:absolute;transition:transform var(--pele-oc-speed) cubic-bezier(.22,.8,.2,1),opacity var(--pele-oc-speed) ease}.pele-offcanvas--end .pele-offcanvas__panel,.pele-offcanvas--start .pele-offcanvas__panel{inline-size:min(var(--pele-oc-width),100%);inset-block:0}.pele-offcanvas--start .pele-offcanvas__panel{border-end-end-radius:var(--pele-oc-radius);border-start-end-radius:var(--pele-oc-radius);inset-inline-start:0}.pele-offcanvas--end .pele-offcanvas__panel{border-end-start-radius:var(--pele-oc-radius);border-start-start-radius:var(--pele-oc-radius);inset-inline-end:0}.pele-offcanvas--bottom .pele-offcanvas__panel,.pele-offcanvas--top .pele-offcanvas__panel{block-size:var(--pele-oc-height);inset-inline:0}.pele-offcanvas--top .pele-offcanvas__panel{border-end-end-radius:var(--pele-oc-radius);border-end-start-radius:var(--pele-oc-radius);inset-block-start:0}.pele-offcanvas--bottom .pele-offcanvas__panel{border-start-end-radius:var(--pele-oc-radius);border-start-start-radius:var(--pele-oc-radius);inset-block-end:0}.pele-offcanvas--center .pele-offcanvas__panel{block-size:var(--pele-oc-height-center,fit-content);border-radius:var(--pele-oc-radius);inline-size:min(var(--pele-oc-width),100% - 32px);inset:0;margin:auto;max-block-size:calc(100% - 32px)}.pele-offcanvas--slide.pele-offcanvas--start .pele-offcanvas__panel{transform:translateX(calc(-100%*var(--pele-oc-dir)))}.pele-offcanvas--slide.pele-offcanvas--end .pele-offcanvas__panel{transform:translateX(calc(100%*var(--pele-oc-dir)))}.pele-offcanvas--slide.pele-offcanvas--top .pele-offcanvas__panel{transform:translateY(-100%)}.pele-offcanvas--slide.pele-offcanvas--bottom .pele-offcanvas__panel{transform:translateY(100%)}.pele-offcanvas--slide.pele-offcanvas--center .pele-offcanvas__panel{opacity:0;transform:translateY(40px)}.pele-offcanvas--fade .pele-offcanvas__panel{opacity:0}.pele-offcanvas--zoom .pele-offcanvas__panel{opacity:0;transform:scale(.92)}.pele-offcanvas--none .pele-offcanvas__overlay,.pele-offcanvas--none .pele-offcanvas__panel{transition:none}@media(pointer:coarse){.pele-offcanvas--end .pele-offcanvas__panel,.pele-offcanvas--start .pele-offcanvas__panel{touch-action:pan-y pinch-zoom}}.pele-offcanvas__dialog.is-dragging .pele-offcanvas__overlay,.pele-offcanvas__dialog.is-dragging .pele-offcanvas__panel{transition:none}.pele-offcanvas__dialog.is-open .pele-offcanvas__overlay{opacity:1}.pele-offcanvas__dialog.is-open .pele-offcanvas__panel{opacity:1;transform:none}.pele-offcanvas.is-editor-open .pele-offcanvas__dialog{pointer-events:none}.pele-offcanvas.is-editor-open .pele-offcanvas__dialog .pele-offcanvas__panel{pointer-events:auto}.pele-offcanvas__head{align-items:center;border-block-end:1px solid var(--pele-oc-divider);display:flex;flex:none;gap:12px;padding-block:18px 16px;padding-inline:24px 18px}.pele-offcanvas__head:not(:has(.pele-offcanvas__title)){border-block-end:0;padding-block-end:0}.pele-offcanvas__title{color:var(--pele-oc-title);flex:1;font-size:20px;font-weight:700;line-height:1.3;margin:0}.pele-offcanvas .pele-offcanvas__close{background:var(--pele-oc-close-bg);block-size:var(--pele-oc-close-size);border:0;border-radius:12px;color:var(--pele-oc-close);cursor:pointer;display:inline-grid;flex:none;inline-size:var(--pele-oc-close-size);margin:0;margin-inline-start:auto;padding:0;place-items:center;transition:background-color .2s ease,transform .2s ease}.pele-offcanvas .pele-offcanvas__close svg{block-size:45%;fill:none;inline-size:45%;stroke:currentColor;stroke-linecap:round;stroke-width:2.2}.pele-offcanvas .pele-offcanvas__close:focus{background:var(--pele-oc-close-bg);color:var(--pele-oc-close)}.pele-offcanvas .pele-offcanvas__close:hover{background:color-mix(in srgb,var(--pele-oc-close) 12%,transparent);color:var(--pele-oc-close);transform:rotate(90deg)}.pele-offcanvas .pele-offcanvas__close:focus-visible{outline:2px solid var(--pele-oc-accent);outline-offset:2px}.pele-offcanvas__body{flex:1 1 auto;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 24px 28px}.pele-offcanvas__text{font-size:16px;line-height:1.65}.pele-offcanvas__text>:first-child{margin-block-start:0}.pele-offcanvas__text>:last-child{margin-block-end:0}.pele-offcanvas__text a{color:var(--pele-oc-accent)}html.pele-offcanvas-lock{overflow:hidden;padding-inline-end:var(--pele-oc-scrollbar,0)}@media(prefers-reduced-motion:reduce){.pele-offcanvas__close,.pele-offcanvas__overlay,.pele-offcanvas__panel,.pele-offcanvas__toggle{transition:none}}