@layer components{liftr-panel{display:contents;--panel-enabled: true;--panel-sidebar-width: 32rem;--button--link: var(--panel--link)}.panel_component[open]{display:flex}.panel_component{max-width:100vw;max-height:100dvh;overflow:visible;color:var(--panel--text, var(--color-scheme--text));background:var(--panel--background, var(--color-scheme--background));background-image:var(--panel--background, var(--color-scheme--gradient));flex-direction:column;width:100%;min-height:0}liftr-panel>dialog::backdrop{background-color:#0000004d;-webkit-backdrop-filter:var(--backdrop-blur--tiny);backdrop-filter:var(--backdrop-blur--tiny);cursor:pointer}liftr-panel:is([liftr-settings~=dropdown],[liftr-settings~=menu])>dialog::backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:default}liftr-panel[liftr-settings~=backdrop-none]>dialog::backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.panel_header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.panel_header h1,.panel_header h2,.panel_header h3,.panel_header h4,.panel_header h5,.panel_header h6,.panel_header span{font-family:var(--font-family--regular)}.panel_menu-item{display:flex;justify-content:center;align-items:center;aspect-ratio:1;height:100%;opacity:var(--text-style--muted)}.panel_module{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.panel_footer{flex-shrink:0}.panel_footer :is(.button,.button-group){width:100%}.panel_footer .button-group .button{flex:1}[liftr-role~=panel-drag]{display:none}liftr-panel[liftr-settings^=sidebar]>.panel_component{width:var(--panel-sidebar-width);max-width:var(--panel-sidebar-width);height:100%;max-height:100%;overflow:hidden;padding:var(--space--small);gap:var(--space--small)}liftr-panel[liftr-settings^=sidebar]>.panel_component .panel_header h1,liftr-panel[liftr-settings^=sidebar]>.panel_component .panel_header h2,liftr-panel[liftr-settings^=sidebar]>.panel_component .panel_header h3,liftr-panel[liftr-settings^=sidebar]>.panel_component .panel_header h4,liftr-panel[liftr-settings^=sidebar]>.panel_component .panel_header h5,liftr-panel[liftr-settings^=sidebar]>.panel_component .panel_header h6{display:inline-flex;align-items:center;flex:1;gap:var(--space--xsmall);margin-right:var(--space--small);font-weight:var(--font-weight--xbold);font-size:var(--font-size--large);text-align:left}liftr-panel[liftr-settings^=sidebar][liftr-settings~=sidebar-left]>.panel_component{margin:0 auto 0 0;border-radius:0 var(--border-radius--medium) var(--border-radius--medium) 0}liftr-panel[liftr-settings^=sidebar][liftr-settings~=sidebar-right]>.panel_component{margin:0 0 0 auto;border-radius:var(--border-radius--medium) 0 0 var(--border-radius--medium)}@media screen and (max-width: 48rem){liftr-panel[liftr-settings^=sidebar]>.panel_component{max-width:85%}}liftr-panel[liftr-settings~=popup]>.panel_component{border-radius:var(--border-radius--medium, 8px);max-width:min(90vw,600px);max-height:90dvh;overflow:auto;padding:var(--space--small);gap:var(--space--small)}liftr-panel[liftr-settings~=popup]>.panel_component>.panel_header{border-bottom:1px solid var(--color-scheme--border);padding-bottom:var(--space--small)}liftr-panel[liftr-settings~=popup]>.panel_component>.panel_header h1,liftr-panel[liftr-settings~=popup]>.panel_component>.panel_header h2,liftr-panel[liftr-settings~=popup]>.panel_component>.panel_header h3,liftr-panel[liftr-settings~=popup]>.panel_component>.panel_header h4,liftr-panel[liftr-settings~=popup]>.panel_component>.panel_header h5,liftr-panel[liftr-settings~=popup]>.panel_component>.panel_header h6,liftr-panel[liftr-settings~=popup]>.panel_component>.panel_header span{display:inline-flex;align-items:center;flex:1;gap:var(--space--xsmall);margin-right:var(--space--small);font-weight:var(--font-weight--bold);font-size:var(--font-size--large);text-align:left}liftr-panel[liftr-settings~=sheet]>.panel_component{margin:auto 0 0;width:100%;max-width:100%;max-height:85dvh;border-radius:var(--border-radius--medium) var(--border-radius--medium) 0 0;overflow:auto;padding:var(--space--small);gap:var(--space--small)}liftr-panel[liftr-settings~=sheet]>.panel_component>[liftr-role~=panel-drag]{display:block;width:2.5rem;height:.25rem;margin:var(--space--xsmall) auto 0;background:currentColor;border-radius:var(--border-radius--full);opacity:.15;flex-shrink:0}liftr-panel[liftr-settings~=sheet]>.panel_component>.panel_header{justify-content:center;padding:var(--space--xsmall) 0;font-size:var(--font-size--medium);font-weight:var(--font-weight--bold);padding-bottom:calc(var(--space--small)*2);border-bottom:1px solid var(--color-scheme--border)}liftr-panel[liftr-settings~=sheet]>.panel_component>.panel_header h1,liftr-panel[liftr-settings~=sheet]>.panel_component>.panel_header h2,liftr-panel[liftr-settings~=sheet]>.panel_component>.panel_header h3,liftr-panel[liftr-settings~=sheet]>.panel_component>.panel_header h4,liftr-panel[liftr-settings~=sheet]>.panel_component>.panel_header h5,liftr-panel[liftr-settings~=sheet]>.panel_component>.panel_header h6,liftr-panel[liftr-settings~=sheet]>.panel_component>.panel_header span{font-size:var(--font-size--h4);font-weight:var(--font-weight--bold)}liftr-panel[liftr-settings~=sheet]>.panel_component>.panel_header [liftr-role=panel-close]{display:none}liftr-panel:is([liftr-settings~=dropdown],[liftr-settings~=menu])>dialog{width:max-content;border-radius:var(--border-radius--small, 8px);box-shadow:var(--box-shadow--medium);overflow:auto}liftr-panel[liftr-settings~=dropdown]>.panel_component{--panel-origin: top center;max-width:min(90vw,20rem);max-height:min(80vh,24rem);transform-origin:var(--panel-origin)}liftr-panel[liftr-settings~=dropdown]>.panel_component>.panel_header{padding:var(--space--small);border-bottom:1px solid var(--color-scheme--border);font-weight:var(--font-weight--bold)}liftr-panel[liftr-settings~=dropdown]>.panel_component>.panel_module{padding:var(--space--xsmall)}liftr-panel[liftr-settings~=dropdown]>.panel_component>.panel_footer{display:none}liftr-panel[liftr-settings~=menu]>dialog{--panel-origin: top left;display:flex;flex-flow:column;max-width:min(90vw,16rem);max-height:min(80vh,20rem);padding:var(--space--xsmall);transform-origin:var(--panel-origin)}liftr-panel[liftr-settings~=menu]>dialog>:is(a,button){display:flex;gap:var(--space--small);padding:var(--space--xsmall);border-radius:var(--border-radius--small);opacity:var(--text-style--subtle)}liftr-panel[liftr-settings~=menu]>dialog>:is(a,button):hover{background:var(--color-scheme--grey)}liftr-panel:is([liftr-settings~=popup],:not([liftr-settings]))>dialog[open]{opacity:1;transform:scale(1);transition:opacity var(--transition--base) var(--ease--out),transform var(--transition--base) var(--ease--out),overlay var(--transition--base) var(--ease--out) allow-discrete,display var(--transition--base) var(--ease--out) allow-discrete}liftr-panel:is([liftr-settings~=popup],:not([liftr-settings]))>dialog:not([open]){opacity:0;transform:scale(.95);transition:opacity var(--transition--fast) var(--ease--in),transform var(--transition--fast) var(--ease--in),overlay var(--transition--fast) var(--ease--in) allow-discrete,display var(--transition--fast) var(--ease--in) allow-discrete}@starting-style{liftr-panel:is([liftr-settings~=popup],:not([liftr-settings]))>dialog[open]{opacity:0;transform:scale(.95)}}liftr-panel[liftr-settings~=sheet]>dialog[open]{transform:translateY(0);transition:transform var(--transition--slow) var(--ease--out),overlay var(--transition--slow) var(--ease--out) allow-discrete,display var(--transition--slow) var(--ease--out) allow-discrete}liftr-panel[liftr-settings~=sheet]>dialog:not([open]){transform:translateY(100%);transition:transform var(--transition--base) var(--ease--in),overlay var(--transition--base) var(--ease--in) allow-discrete,display var(--transition--base) var(--ease--in) allow-discrete}@starting-style{liftr-panel[liftr-settings~=sheet]>dialog[open]{transform:translateY(100%)}}liftr-panel[liftr-settings^=sidebar]>dialog[open]{opacity:1;transform:translate(0);transition:opacity var(--transition--slow) var(--ease--in-out),transform var(--transition--slow) var(--ease--in-out),overlay var(--transition--slow) var(--ease--in-out) allow-discrete,display var(--transition--slow) var(--ease--in-out) allow-discrete}liftr-panel[liftr-settings~=sidebar-left]>dialog:not([open]){opacity:0;transform:translate(-100%)}liftr-panel[liftr-settings~=sidebar-right]>dialog:not([open]){opacity:0;transform:translate(100%)}liftr-panel[liftr-settings^=sidebar]>dialog:not([open]){transition:opacity var(--transition--base) var(--ease--in),transform var(--transition--base) var(--ease--in),overlay var(--transition--base) var(--ease--in) allow-discrete,display var(--transition--base) var(--ease--in) allow-discrete}@starting-style{liftr-panel[liftr-settings~=sidebar-left]>dialog[open]{opacity:0;transform:translate(-100%)}liftr-panel[liftr-settings~=sidebar-right]>dialog[open]{opacity:0;transform:translate(100%)}}liftr-panel[liftr-settings~=dropdown]>dialog[open]{opacity:1;transform:translateY(0);transition:opacity var(--transition--base) var(--ease--out),transform var(--transition--base) var(--ease--out),overlay var(--transition--base) var(--ease--out) allow-discrete,display var(--transition--base) var(--ease--out) allow-discrete}liftr-panel[liftr-settings~=dropdown]>dialog:not([open]){opacity:0;transform:translateY(var(--panel-slide, -8px));transition:opacity var(--transition--fast) var(--ease--in),transform var(--transition--fast) var(--ease--in),overlay var(--transition--fast) var(--ease--in) allow-discrete,display var(--transition--fast) var(--ease--in) allow-discrete}@starting-style{liftr-panel[liftr-settings~=dropdown]>dialog[open]{opacity:0;transform:translateY(var(--panel-slide, -8px))}}liftr-panel[liftr-settings~=menu]>dialog[open]{opacity:1;transform:scale(1);transition:opacity var(--transition--base) var(--ease--out),transform var(--transition--base) var(--ease--spring),overlay var(--transition--base) var(--ease--out) allow-discrete,display var(--transition--base) var(--ease--out) allow-discrete}liftr-panel[liftr-settings~=menu]>dialog:not([open]){opacity:0;transform:scale(.85);transition:opacity var(--transition--fast) var(--ease--in),transform var(--transition--fast) var(--ease--in),overlay var(--transition--fast) var(--ease--in) allow-discrete,display var(--transition--fast) var(--ease--in) allow-discrete}@starting-style{liftr-panel[liftr-settings~=menu]>dialog[open]{opacity:0;transform:scale(.85)}}liftr-panel:not([liftr-settings~=dropdown],[liftr-settings~=menu])>dialog[open]::backdrop{opacity:1;transition:opacity var(--transition--slow) var(--ease--out),overlay var(--transition--slow) var(--ease--out) allow-discrete,display var(--transition--slow) var(--ease--out) allow-discrete}liftr-panel:not([liftr-settings~=dropdown],[liftr-settings~=menu])>dialog:not([open])::backdrop{opacity:0;transition:opacity var(--transition--fast) var(--ease--in),overlay var(--transition--fast) var(--ease--in) allow-discrete,display var(--transition--fast) var(--ease--in) allow-discrete}@starting-style{liftr-panel:not([liftr-settings~=dropdown],[liftr-settings~=menu])>dialog[open]::backdrop{opacity:0}}[liftr-role~=panel-close][liftr-state~=disabled]{cursor:not-allowed;filter:grayscale(1);pointer-events:none}liftr-panel[liftr-state~=disabled]{display:none}@media (prefers-reduced-motion: reduce){liftr-panel>dialog,liftr-panel>dialog::backdrop{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ui.panel.css.map */