.list-item{-webkit-transition:opacity var(--transition),max-width var(--transition),max-height var(--transition),-webkit-transform var(--transition);transition:opacity var(--transition),max-width var(--transition),max-height var(--transition),-webkit-transform var(--transition);transition:transform var(--transition),opacity var(--transition),max-width var(--transition),max-height var(--transition);transition:transform var(--transition),opacity var(--transition),max-width var(--transition),max-height var(--transition),-webkit-transform var(--transition);justify-content:center;padding:.25rem;display:flex;position:relative}.list-item-link{animation:none}.list.use-marker{position:relative}.list.use-marker .list-marking{width:100%;color:var(--emph);height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.list.use-marker .list-marker{content:"";transform-origin:50%;height:100%;-webkit-transition:width var(--transition),-webkit-transform var(--transition);transition:width var(--transition),-webkit-transform var(--transition);transition:transform var(--transition),width var(--transition);transition:transform var(--transition),width var(--transition),-webkit-transform var(--transition);background:currentColor;display:block;position:absolute}.list.use-marker .list-marker.active{transform:scaleX(1)}.list.use-marker .list-marker.before{transform-origin:0}.list.use-marker .list-marker.after{transform-origin:100%}@media (width>=1401px){.list.hover-list .list-item.has-children:not(:hover):not(:focus):not(:active):not(:focus-within) .list .ani-intersect{animation:none}.list.hover-list .list-item.has-children:focus .list-children,.list.hover-list .list-item.has-children:focus-within .list-children,.list.hover-list .list-item.has-children:hover .list-children{pointer-events:all}.list.hover-list .list-item.has-children:focus .list-child,.list.hover-list .list-item.has-children:focus-within .list-child,.list.hover-list .list-item.has-children:hover .list-child{opacity:1;background:var(--background);padding:1rem .5rem}.list.hover-list .list-children{pointer-events:none;position:absolute;top:100%}.list.hover-list .list-child{text-align:center;opacity:0;z-index:800;width:100%;-webkit-transition:opacity var(--transition),-webkit-transform var(--transition);transition:opacity var(--transition),-webkit-transform var(--transition);transition:transform var(--transition),opacity var(--transition);transition:transform var(--transition),opacity var(--transition),-webkit-transform var(--transition);flex-flow:column;display:flex}.list.hover-list .list-child .list-item-link{padding:1rem}}