[liftr-nav]{--_nav-icon-size: var(--icon-size--regular);--_nav-size: calc(var(--_nav-icon-size)*2)}[liftr-nav][liftr-axis=x][liftr-state~=active]{margin-inline:calc(-1 * var(--_nav-size, 2.5rem) / 2);padding-inline:calc(var(--_nav-size, 2.5rem) / 2)}[liftr-nav][liftr-axis=y][liftr-state~=active]{box-sizing:content-box;margin-block:calc(-1 * var(--_nav-size, 2.5rem) / 2);padding-block:calc(var(--_nav-size, 2.5rem) / 2)}[liftr-nav~=small]{--_nav-icon-size: var(--icon-size--xsmall)}[liftr-nav~=regular]{--_nav-icon-size: var(--icon-size--small)}[liftr-nav~=medium]{--_nav-icon-size: var(--icon-size--regular)}[liftr-nav~=large]{--_nav-icon-size: var(--icon-size--medium)}[liftr-role~=nav-control]{z-index:var(--z--elevated);display:inline-flex;justify-content:center;align-items:center;width:var(--_nav-size, 2.5rem);height:var(--_nav-size, 2.5rem);margin:0;padding:0;font:inherit;-webkit-appearance:none;appearance:none;color:var(--nav-color, var(--color-scheme--text));background:none;background-color:var(--_nav-bg, rgba(255, 255, 255, .9));border:none;border-radius:var(--_nav-radius, var(--border-radius--full));transition:opacity var(--transition--fast) var(--ease--out),transform var(--transition--fast) var(--ease--out),background-color var(--transition--fast) var(--ease--out);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:var(--backdrop-blur--medium);backdrop-filter:var(--backdrop-blur--medium)}[liftr-role~=nav-control]:before{display:block;width:var(--_nav-icon-size, var(--icon-size--regular));height:var(--_nav-icon-size, var(--icon-size--regular));content:"";background:currentColor;mask-image:var(--_nav-icon-mask, var(--icon-mask--angle));mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:var(--_nav-icon-mask, var(--icon-mask--angle));-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;transition:transform var(--transition--fast) var(--ease--out)}[liftr-role~=nav-control]:hover{transform:scale(1.05)}[liftr-role~=nav-control]:active{transform:scale(.95)}[liftr-role~=nav-control]:disabled,[liftr-role~=nav-control][aria-disabled=true]{opacity:.3;pointer-events:none;cursor:default}[liftr-nav]:not([liftr-nav~=plain]) [liftr-role~=nav-control]{box-shadow:var(--box-shadow--medium)}[liftr-nav~=plain]{--_nav-radius: 0;--_nav-bg: transparent}[liftr-nav~=square]{--_nav-radius: var(--border-radius--small)}[liftr-nav~=round]{--_nav-radius: var(--border-radius--full)}[liftr-nav~=light]{--_nav-bg: rgba(255, 255, 255, .9);--nav-color: rgba(0, 0, 0, .8)}[liftr-nav~=dark]{--_nav-bg: rgba(0, 0, 0, .7);--nav-color: rgba(255, 255, 255, .9)}[liftr-nav~=plain][liftr-nav]{--_nav-bg: transparent}[liftr-nav~=plain] [liftr-role~=nav-control]{-webkit-backdrop-filter:none;backdrop-filter:none}[liftr-nav~=angle]{--_nav-icon-mask: var(--icon-mask--angle)}[liftr-nav~=arrow]{--_nav-icon-mask: var(--icon-mask--arrow)}[liftr-nav~=chevron]{--_nav-icon-mask: var(--icon-mask--chevron)}[liftr-role~=nav-next]:before{transform:rotate(0)}[liftr-role~=nav-prev]:before{transform:rotate(180deg)}[liftr-role~=nav-up]:before{transform:rotate(-90deg)}[liftr-role~=nav-down]:before{transform:rotate(90deg)}[liftr-role~=nav-toggle]:before{transform:rotate(90deg)}[liftr-axis=x] [liftr-role~=nav-prev],[liftr-axis=x] [liftr-role~=nav-next]{position:absolute;top:50%;transform:translateY(-50%)}[liftr-axis=x] [liftr-role~=nav-prev]{left:var(--nav-offset, .5rem)}[liftr-axis=x] [liftr-role~=nav-next]{right:var(--nav-offset, .5rem)}[liftr-axis=x][liftr-nav~=edge] [liftr-role~=nav-prev]{left:0;transform:translate(-40%,-50%)}[liftr-axis=x][liftr-nav~=edge] [liftr-role~=nav-next]{right:0;transform:translate(40%,-50%)}[liftr-axis=x][liftr-nav~=outside] [liftr-role~=nav-prev],[liftr-axis=x][liftr-nav~=outside] [liftr-role~=nav-next]{position:static;transform:none}[liftr-axis=y] [liftr-role~=nav-prev],[liftr-axis=y] [liftr-role~=nav-next]{position:absolute;left:50%;transform:translate(-50%)}[liftr-axis=y] [liftr-role~=nav-prev]{top:var(--nav-offset, .5rem)}[liftr-axis=y] [liftr-role~=nav-next]{bottom:var(--nav-offset, .5rem)}[liftr-axis=y][liftr-nav~=edge] [liftr-role~=nav-prev]{top:0;transform:translate(-50%,-40%)}[liftr-axis=y][liftr-nav~=edge] [liftr-role~=nav-next]{bottom:0;transform:translate(-50%,40%)}[liftr-axis=y][liftr-nav~=outside] [liftr-role~=nav-prev],[liftr-axis=y][liftr-nav~=outside] [liftr-role~=nav-next]{position:static;transform:none}[liftr-axis=y] [liftr-role~=nav-prev] svg,[liftr-axis=y] [liftr-role~=nav-prev]:before{transform:rotate(-90deg)}[liftr-axis=y] [liftr-role~=nav-next] svg,[liftr-axis=y] [liftr-role~=nav-next]:before{transform:rotate(90deg)}@media (prefers-reduced-motion: reduce){[liftr-role~=nav-control],[liftr-role~=nav-control]:before{transition:none}[liftr-role~=nav-control]:hover,[liftr-role~=nav-control]:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/core.nav.css.map */