.context-menu-items__list-item{--button-width:100%;--button-container-justify:flex-start;--button-border-radius:4px;--button-background-color:red;--button-background-color--hover:blue;position:relative}.context-menu-items__list-item:hover>.context-menu-items__submenu{opacity:1;pointer-events:all;transform:scale(1)}.context-menu-items__list-item--size-small{font-size:.75em}.context-menu-items__list-item--size-medium{font-size:1em}.context-menu-items__list-item--size-large{font-size:1.25em}.context-menu-items--new-panel .context-menu-items__submenu{left:100%;top:0}.context-menu-items--new-panel .context-menu-items__submenu,.context-menu-items__submenu{display:block;opacity:0;pointer-events:none;position:absolute;transform:scale(.75);transform-origin:left top;transition:all .1s}.context-menu-items__submenu{left:0;top:100%}.context-menu-items__separator{background-color:var(--color-accent);border:none;height:1px;margin:.5em 0}.context-menu-items__header{color:var(--color-primary);font-size:.75em;margin:var(--space-s);text-transform:uppercase}.context-menu-items__row,.context-menu-items__row .context-menu-items__list{display:flex;flex-direction:row;gap:var(--space-s)}.context-menu-items__item{border-radius:var(--border-radius)}.context-menu-items__item:hover{--icon-fill:var(--color-background)}.context-menu-items__item--icon-tile{align-items:center;display:flex;flex-direction:column;gap:var(--space-s);justify-content:center;opacity:.66;padding:var(--space-s)}.context-menu-items__item--icon-tile:before{background-color:var(--color-accent);border-radius:inherit;content:"";display:block;height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.75);transition:all .3s var(--bezier);width:100%}.context-menu-items__item--icon-tile:hover{opacity:1}.context-menu-items__item--icon-tile:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.context-menu-items__item--icon-tile .context-menu-items__icon,.context-menu-items__item--icon-tile .context-menu-items__label{position:relative;z-index:2}.context-menu-items__item--icon-tile .context-menu-items__label{font-size:.66em;text-align:center;width:4em}.context-menu-items__item--icon-tile .context-menu-items__icon{font-size:2em}.context-menu-items__item--normal:before{background-color:var(--color-accent);border-radius:inherit;content:"";display:block;height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.75);transition:all .3s var(--bezier);width:100%}.context-menu-items__item--normal:hover{opacity:1}.context-menu-items__item--normal:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.context-panel{position:relative}.context-panel--active{z-index:100}.context-panel__trigger{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.context-panel__overlay{background-color:var(--context-panel-overlay,transparent);inset:0;position:fixed;z-index:var(--z-index-overlay)}.context-panel .panel{--panel-shadow:var(--color-dark)}[data-color-mode=dark] .context-panel .panel{--panel-shadow:#000}.context-panel .panel{background:var(--context-panel-background,var(--color-background));border-radius:var(--context-panel-border-radius,var(--border-radius));box-shadow:0 0 100px color-mix(in srgb,var(--panel-shadow),transparent 75%);padding:var(--context-panel-padding);touch-action:none}.context-panel__panel{--context-panel-padding:var(--space-xs);--scale:var(--context-panel-scale,0);--translateX:calc(var(--context-panel-position-x, 0) + var(--context-panel-offset-x, 0));--translateY:calc(var(--context-panel-position-y, 0) + var(--context-panel-offset-y, 0));bottom:var(--context-panel-position-bottom,auto);left:var(--context-panel-position-left,auto);min-width:100px;opacity:0;pointer-events:none;position:absolute;right:var(--context-panel-position-right,auto);top:var(--context-panel-position-top,auto);transform:translate(var(--translateX,0)) translateY(var(--translateY,0)) scale(var(--scale,0));transition:transform .5s ease,opacity .5s ease;z-index:var(--z-index-dropdown)}.context-panel__panel:before{background-color:var(--context-panel-pointer-color,var(--context-panel-background,var(--color-background)));border-bottom-color:transparent;border-radius:var(--context-panel-pointer-border-radius,.25em) 0 0 0;border-right-color:transparent;bottom:var(--context-panel-pointer-bottom,auto);content:"";height:var(--context-panel-pointer-size,.66em);left:var(--context-panel-pointer-left,auto);position:absolute;right:var(--context-panel-pointer-right,auto);top:var(--context-panel-pointer-top,auto);transform:translate(var(--context-panel-pointer-x,0),var(--context-panel-pointer-y,0)) rotate(var(--context-panel-pointer-rotation,45deg)) scale(var(--context-panel-pointer-scale,0));transition:all .2s ease-in-out;transition-delay:.2s;width:var(--context-panel-pointer-size,.66em)}.context-panel__panel--size-medium{font-size:1em}.context-panel__panel--size-small{font-size:.75em}.context-panel__panel--size-large{font-size:1.25em}.context-panel__panel--active{opacity:1;pointer-events:all;--context-panel-pointer-scale:1;--context-panel-scale:2}.context-panel__panel--click{position:fixed;--context-panel-position-top:var(--click-y);--context-panel-position-left:var(--click-x)}.context-panel__panel--bottom-align-left,.context-panel__panel--bottom-align-right,.context-panel__panel--bottom-center,.context-panel__panel--bottom-left,.context-panel__panel--bottom-right{--context-panel-pointer-bottom:100%;--context-panel-pointer-x:-50%;--context-panel-pointer-y:50%;--context-panel-position-top:100%;--context-panel-position-x:0px --context-panel-position-y:0px;--context-panel-offset-y:0px;--context-panel-offset-x:0px}.context-panel__panel--top-align-left,.context-panel__panel--top-align-right,.context-panel__panel--top-center,.context-panel__panel--top-left,.context-panel__panel--top-right{--context-panel-pointer-top:100%;--context-panel-pointer-y:-50%;--context-panel-pointer-rotation:225deg;--context-panel-position-bottom:100%;--context-panel-position-y:0px;--context-panel-offset-y:0px;--context-panel-offset-x:0px}.context-panel__panel--top-center{--context-panel-pointer-left:50%;--context-panel-pointer-x:-50%}.context-panel__panel--bottom-align-left,.context-panel__panel--top-align-left{--context-panel-pointer-x:-50%;--context-panel-pointer-left:50%;--context-panel-position-left:0}.context-panel__panel--bottom-left,.context-panel__panel--top-left{--context-panel-pointer-right:var(--space);--context-panel-pointer-x:50%;--context-panel-position-right:calc(100% - var(--space-l))}.context-panel__panel--bottom-align-right,.context-panel__panel--top-align-right{--context-panel-pointer-x:-50%;--context-panel-pointer-left:50%;--context-panel-position-right:0;--context-panel-position-right:0%}.context-panel__panel--bottom-right,.context-panel__panel--top-right{--context-panel-position-left:calc(100% - var(--space-l));--context-panel-pointer-left:var(--space)}.context-panel__panel--bottom-center,.context-panel__panel--top-center{--context-panel-pointer-x:-50%;--context-panel-pointer-left:50%;--context-panel-position-left:50%;--context-panel-position-x:-50%}:root{--media-max-width:34em}.context-panel{cursor:pointer}