.card-navigation{align-items:center;background:var(--color-avena);border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius);display:flex;flex-direction:row;max-width:76px;padding:10px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:max-width var(--time-ease) ease;user-select:none;z-index:1}.card-navigation>div{align-items:center;display:flex;flex-direction:column;gap:8px;z-index:1}.card-navigation.open>div:not(:first-child){margin-left:8px}.card-navigation::after,.card-navigation::before{background-color:var(--color-white);content:"";height:30px;position:absolute;right:0;width:30px}.card-navigation::before{border-bottom-right-radius:var(--border-radius);box-shadow:10px 10px 0 10px var(--color-avena);top:-30px}.card-navigation::after{border-top-right-radius:var(--border-radius);bottom:-30px;box-shadow:10px -10px 0 10px var(--color-avena)}.card-navigation .icon{background:var(--color-lavagna);border-radius:var(--border-radius);color:var(--color-white);cursor:pointer;font-size:1.5rem;height:48px;padding:10px;position:relative;text-align:center;transition:color var(--time-ease) ease,transform calc(var(--time-ease) / 4) ease;width:48px;z-index:1}.card-navigation .icon:hover{color:var(--color-azzure);font-variation-settings:'FILL' 1}.card-navigation .icon:active{color:var(--color-azzure);font-variation-settings:'FILL' 1;transform:scale(0.95)}.card-navigation .icon::after{background:var(--color-lavagna);border-radius:var(--border-radius);box-shadow:0 0 4px 4px color-mix(in srgb,var(--color-azzure) 30%,transparent);color:var(--color-white);content:attr(data-tooltip);font-family:var(--font-family-core);font-size:1rem;margin-right:10px;opacity:0;padding:10px;pointer-events:none;position:absolute;right:100%;top:50%;transform-origin:right center;transform:translateY(-50%) scale(0.85);transition:opacity var(--time-ease) ease,transform var(--time-ease) ease;white-space:nowrap;z-index:3}.card-navigation .icon:hover::after{opacity:1;transform:translateY(-50%) scale(1)}.card-navigation .icon.red::after{box-shadow:0 0 4px 4px color-mix(in srgb,var(--color-red) 50%,transparent)}.more-button{max-width:0;opacity:0;overflow:hidden;transition:opacity var(--time-ease) ease}.card-navigation.open{max-width:400px}.card-navigation.open .more-button{max-width:100px;opacity:1;overflow:inherit}